@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/components/Modal/Modal/Modal.js

@@ -2,7 +2,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import FocusLock from 'react-focus-lock';
 import throttle from 'lodash.throttle';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable } from "../../../lib/utils";
 import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
@@ -15,6 +15,7 @@ import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
 import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
@@ -24,7 +25,7 @@ import { ModalFooter } from "../ModalFooter";
 import { ModalHeader } from "../ModalHeader";
 import { ModalBody } from "../ModalBody";
 import { ModalClose } from "../ModalClose";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { getModalTheme } from "../getModalTheme";
 var mountedModalsCount = 0;
 export var ModalDataTids = {
@@ -75,15 +76,15 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
           if (_this.state.hasFooter) {
             return;
           }
-          return [_this.styles.mobileContainerSmall5_2()];
+          return [styles.mobileContainerSmall5_2()];
         case 'fullscreen':
-          return [_this.styles.mobileContainerFullscreen5_2()];
+          return [styles.mobileContainerFullscreen5_2()];
         case 'center':
-          return [_this.styles.mobileContainerSmall5_2()];
+          return [styles.mobileContainerSmall5_2()];
         case 'bottom':
-          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
+          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];
         case 'top':
-          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
+          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];
         default:
           return catchUnreachableWarning(mobileAppearance, false);
       }
@@ -102,7 +103,7 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     _this.handleStackChange = function (stack) {
       _this.setState({
         stackPosition: stack.indexOf(_this),
-        hasBackground: ModalStack.isBlocking(_this, _this.globalObject)
+        hasBackground: ModalStack.isBlocking(_this)
       });
     };
     _this.handleContainerMouseDown = function (event) {
@@ -170,49 +171,38 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
   var _proto = Modal.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    var _this$globalObject$ad2, _this$globalObject2;
-    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);
+    this.stackSubscription = ModalStack.add(this, this.handleStackChange);
     if (mountedModalsCount === 0) {
-      var _this$globalObject$ad, _this$globalObject;
-      (_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'resize', this.throttledCheckHorizontalScroll);
+      globalObject.addEventListener == null || globalObject.addEventListener('resize', this.throttledCheckHorizontalScroll);
     }
     mountedModalsCount++;
-    (_this$globalObject$ad2 = (_this$globalObject2 = this.globalObject).addEventListener) == null || _this$globalObject$ad2.call(_this$globalObject2, 'keydown', this.handleKeyDown);
+    globalObject.addEventListener == null || globalObject.addEventListener('keydown', this.handleKeyDown);
     this.checkHorizontalScrollAppearance();
     if (this.containerNode) {
       this.containerNode.addEventListener('scroll', LayoutEvents.emit);
     }
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
-    var _this$globalObject$re2, _this$globalObject4;
     if (--mountedModalsCount === 0) {
-      var _this$globalObject$re, _this$globalObject3;
-      (_this$globalObject$re = (_this$globalObject3 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject3, 'resize', this.throttledCheckHorizontalScroll);
+      globalObject.removeEventListener == null || globalObject.removeEventListener('resize', this.throttledCheckHorizontalScroll);
       LayoutEvents.emit();
     }
-    (_this$globalObject$re2 = (_this$globalObject4 = this.globalObject).removeEventListener) == null || _this$globalObject$re2.call(_this$globalObject4, 'keydown', this.handleKeyDown);
+    globalObject.removeEventListener == null || globalObject.removeEventListener('keydown', this.handleKeyDown);
     if (isNonNullable(this.stackSubscription)) {
       this.stackSubscription.remove();
     }
-    ModalStack.remove(this, this.globalObject);
+    ModalStack.remove(this);
     if (this.containerNode) {
       this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
     }
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      _this2.globalObject = globalObject;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = getModalTheme(theme, _this2.props.theme);
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: _this2.theme
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getModalTheme(theme, _this2.props.theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
@@ -260,26 +250,26 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     }
     var getMobileCenterContainerClassNames = function getMobileCenterContainerClassNames() {
       if (versionGTE5_2) {
-        var _this3$cx;
-        return _this3.cx(_this3.styles.mobileCenterContainer5_2(_this3.theme), (_this3$cx = {}, _this3$cx[_this3.styles.mobileCenterContainerBig5_2(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _this3$cx[_this3.styles.mobileCenterContainerFullscreen5_2()] = mobileAppearance === 'fullscreen', _this3$cx));
+        var _cx;
+        return cx(styles.mobileCenterContainer5_2(_this3.theme), (_cx = {}, _cx[styles.mobileCenterContainerBig5_2(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _cx[styles.mobileCenterContainerFullscreen5_2()] = mobileAppearance === 'fullscreen', _cx));
       }
-      return _this3.cx(_this3.styles.mobileCenterContainer());
+      return cx(styles.mobileCenterContainer());
     };
     return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ZIndex, {
       priority: 'Modal',
-      className: this.styles.root()
+      className: styles.root()
     }, /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/React.createElement("div", {
       onMouseDown: this.handleContainerMouseDown,
       onMouseUp: this.handleContainerMouseUp,
       onClick: this.handleContainerClick,
-      className: this.styles.bg(this.theme)
-    }), /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref2) {
-      var _this3$cx2, _this3$cx3, _this3$cx4, _this3$cx5, _this3$cx6;
-      var isMobile = _ref2.isMobile;
+      className: styles.bg(this.theme)
+    }), /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
+      var _cx2, _cx3, _cx4, _cx5, _cx6;
+      var isMobile = _ref.isMobile;
       return /*#__PURE__*/React.createElement("div", {
         "aria-labelledby": ariaLabelledby,
         ref: _this3.refContainer,
-        className: _this3.cx(_this3.styles.container(), versionGTE5_2 && _this3.styles.container5_2(), (!versionGTE5_2 || !isMobile) && _this3.styles.containerDesktop(), !versionGTE5_2 && isMobile && _this3.styles.containerMobile(_this3.theme), versionGTE5_2 && isMobile && _this3.getMobileContainerClassName()),
+        className: cx(styles.container(), versionGTE5_2 && styles.container5_2(), (!versionGTE5_2 || !isMobile) && styles.containerDesktop(), !versionGTE5_2 && isMobile && styles.containerMobile(_this3.theme), versionGTE5_2 && isMobile && _this3.getMobileContainerClassName()),
         onMouseDown: _this3.handleContainerMouseDown,
         onMouseUp: _this3.handleContainerMouseUp,
         onClick: _this3.handleContainerClick,
@@ -288,11 +278,11 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
         "aria-modal": true,
         "aria-label": ariaLabel,
         role: role,
-        className: _this3.cx((_this3$cx2 = {}, _this3$cx2[_this3.styles.centerContainer()] = true, _this3$cx2[getMobileCenterContainerClassNames()] = isMobile, _this3$cx2[_this3.styles.alignTop()] = Boolean(alignTop), _this3$cx2)),
+        className: cx((_cx2 = {}, _cx2[styles.centerContainer()] = true, _cx2[getMobileCenterContainerClassNames()] = isMobile, _cx2[styles.alignTop()] = Boolean(alignTop), _cx2)),
         style: isMobile ? undefined : containerStyle,
         "data-tid": ModalDataTids.content
       }, /*#__PURE__*/React.createElement("div", {
-        className: _this3.cx((_this3$cx3 = {}, _this3$cx3[_this3.styles.window(_this3.theme)] = true, _this3$cx3[_this3.styles.mobileWindow()] = isMobile, _this3$cx3[_this3.styles.mobileWindowFullscreen5_2()] = versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen', _this3$cx3)),
+        className: cx((_cx3 = {}, _cx3[styles.window(_this3.theme)] = true, _cx3[styles.mobileWindow()] = isMobile, _cx3[styles.mobileWindowFullscreen5_2()] = versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen', _cx3)),
         style: isMobile ? undefined : style
       }, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this3.handleResize,
@@ -300,12 +290,12 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(FocusLock, {
         disabled: disableFocusLock,
         autoFocus: false,
-        className: _this3.cx((_this3$cx4 = {}, _this3$cx4[_this3.styles.columnFlexContainer()] = isMobile, _this3$cx4), 'focus-lock-container')
+        className: cx((_cx4 = {}, _cx4[styles.columnFlexContainer()] = isMobile, _cx4), 'focus-lock-container')
       }, !hasHeader && !noClose && /*#__PURE__*/React.createElement(ZIndex, {
         priority: ModalZIndexPriority.Cross,
-        className: _this3.cx((_this3$cx5 = {}, _this3$cx5[_this3.styles.closeWrapper(_this3.theme)] = true, _this3$cx5[_this3.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _this3$cx5[_this3.styles.mobileCloseWrapper5_2(_this3.theme)] = versionGTE5_2 && isMobile, _this3$cx5))
+        className: cx((_cx5 = {}, _cx5[styles.closeWrapper(_this3.theme)] = true, _cx5[styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx5[styles.mobileCloseWrapper5_2(_this3.theme)] = versionGTE5_2 && isMobile, _cx5))
       }, /*#__PURE__*/React.createElement(ModalClose, {
-        className: _this3.cx((_this3$cx6 = {}, _this3$cx6[_this3.styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _this3$cx6[_this3.styles.mobileCloseWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && isMobile && !_this3.state.hasHeader, _this3$cx6)),
+        className: cx((_cx6 = {}, _cx6[styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx6[styles.mobileCloseWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && isMobile && !_this3.state.hasHeader, _cx6)),
         requestClose: _this3.requestClose,
         disableClose: disableClose
       })), /*#__PURE__*/React.createElement(ModalContext.Provider, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","FocusLock","throttle","RenderEnvironmentContext","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","createPropsGetter","ResponsiveLayout","isThemeGTE","catchUnreachableWarning","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","getStyles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","styles","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","globalObject","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","_this$globalObject$ad2","_this$globalObject2","add","_this$globalObject$ad","_this$globalObject","addEventListener","componentWillUnmount","_this$globalObject$re2","_this$globalObject4","_this$globalObject$re","_this$globalObject3","removeEventListener","remove","render","_this2","createElement","Consumer","_ref","emotion","cx","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","versionGTE5_2","style","containerStyle","getMobileCenterContainerClassNames","_this3$cx","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","mobileCenterContainer","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref2","_this3$cx2","_this3$cx3","_this3$cx4","_this3$cx5","_this3$cx6","isMobile","ref","container5_2","containerDesktop","containerMobile","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen5_2","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWrapper5_2","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { getStyles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Выравнивает окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Убирает крестик для закрытия окна */\n  noClose?: boolean;\n\n  /** Задает ширину модалки. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает внешний вид модалки. Работает с версией темы >= 5_2.\n   *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `top` — модалка располагается сверху независимо от наличия футера\n   *  - `center` — модалка располагается в центре независимо от наличия футера\n   *  - `bottom` — модалка располагается снизу независимо от наличия футера\n   *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `fullscreen` — модалка растягивается на весь экран\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);\n\n    if (mountedModalsCount === 0) {\n      this.globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    this.globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      this.globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    this.globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this, this.globalObject);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = getModalTheme(theme, this.props.theme);\n                return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [this.styles.mobileContainerSmall5_2()];\n      case 'fullscreen':\n        return [this.styles.mobileContainerFullscreen5_2()];\n      case 'center':\n        return [this.styles.mobileContainerSmall5_2()];\n      case 'bottom':\n        return [this.styles.mobileContainerSmall5_2(), this.styles.mobileContainerSmallBottom5_2()];\n      case 'top':\n        return [this.styles.mobileContainerSmall5_2(), this.styles.mobileContainerSmallTop5_2()];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      if (versionGTE5_2) {\n        return this.cx(this.styles.mobileCenterContainer5_2(this.theme), {\n          [this.styles.mobileCenterContainerBig5_2(this.theme)]:\n            mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n          [this.styles.mobileCenterContainerFullscreen5_2()]: mobileAppearance === 'fullscreen',\n        });\n      }\n      return this.cx(this.styles.mobileCenterContainer());\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={this.styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={this.styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={this.cx(\n                    this.styles.container(),\n                    versionGTE5_2 && this.styles.container5_2(),\n                    (!versionGTE5_2 || !isMobile) && this.styles.containerDesktop(),\n                    !versionGTE5_2 && isMobile && this.styles.containerMobile(this.theme),\n                    versionGTE5_2 && isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={this.cx({\n                      [this.styles.centerContainer()]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [this.styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={this.cx({\n                        [this.styles.window(this.theme)]: true,\n                        [this.styles.mobileWindow()]: isMobile,\n                        [this.styles.mobileWindowFullscreen5_2()]:\n                          versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={this.cx({ [this.styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={this.cx({\n                                [this.styles.closeWrapper(this.theme)]: true,\n                                [this.styles.mobileCloseWrapper(this.theme)]: isMobile,\n                                [this.styles.mobileCloseWrapper5_2(this.theme)]: versionGTE5_2 && isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={this.cx({\n                                  [this.styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                  [this.styles.mobileCloseWithoutHeader5_2(this.theme)]:\n                                    versionGTE5_2 && isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({\n      stackPosition: stack.indexOf(this),\n      hasBackground: ModalStack.isBlocking(this, this.globalObject),\n    });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FocusLock","throttle","globalObject","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","cx","createPropsGetter","ResponsiveLayout","isThemeGTE","catchUnreachableWarning","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","styles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","add","addEventListener","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","versionGTE5_2","style","containerStyle","getMobileCenterContainerClassNames","_cx","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","mobileCenterContainer","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_cx2","_cx3","_cx4","_cx5","_cx6","isMobile","ref","container5_2","containerDesktop","containerMobile","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen5_2","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWrapper5_2","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Выравнивает окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Убирает крестик для закрытия окна */\n  noClose?: boolean;\n\n  /** Задает ширину модалки. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает внешний вид модалки. Работает с версией темы >= 5_2.\n   *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `top` — модалка располагается сверху независимо от наличия футера\n   *  - `center` — модалка располагается в центре независимо от наличия футера\n   *  - `bottom` — модалка располагается снизу независимо от наличия футера\n   *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `fullscreen` — модалка растягивается на весь экран\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [styles.mobileContainerSmall5_2()];\n      case 'fullscreen':\n        return [styles.mobileContainerFullscreen5_2()];\n      case 'center':\n        return [styles.mobileContainerSmall5_2()];\n      case 'bottom':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];\n      case 'top':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      if (versionGTE5_2) {\n        return cx(styles.mobileCenterContainer5_2(this.theme), {\n          [styles.mobileCenterContainerBig5_2(this.theme)]:\n            mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n          [styles.mobileCenterContainerFullscreen5_2()]: mobileAppearance === 'fullscreen',\n        });\n      }\n      return cx(styles.mobileCenterContainer());\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(\n                    styles.container(),\n                    versionGTE5_2 && styles.container5_2(),\n                    (!versionGTE5_2 || !isMobile) && styles.containerDesktop(),\n                    !versionGTE5_2 && isMobile && styles.containerMobile(this.theme),\n                    versionGTE5_2 && isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer()]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({\n                        [styles.window(this.theme)]: true,\n                        [styles.mobileWindow()]: isMobile,\n                        [styles.mobileWindowFullscreen5_2()]:\n                          versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                                [styles.mobileCloseWrapper5_2(this.theme)]: versionGTE5_2 && isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                  [styles.mobileCloseWithoutHeader5_2(this.theme)]:\n                                    versionGTE5_2 && isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.d.ts

@@ -70,9 +70,6 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: ModalState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private stackSubscription;
     private containerNode;

package/components/Modal/Modal.md

@@ -0,0 +1,56 @@
+### Базовый пример
+
+```jsx harmony
+import { Button, Toggle } from '@skbkontur/react-ui';
+
+const [opened, setOpened] = React.useState(false);
+const [panel, setPanel] = React.useState(false);
+
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Title</Modal.Header>
+      <Modal.Body>
+        <p>Use rxjs operators with react hooks</p>
+
+        <div>
+          <Toggle checked={panel} onValueChange={setPanel} /> Panel{' '}
+          {panel ? 'enabled' : 'disabled'}
+        </div>
+      </Modal.Body>
+      <Modal.Footer panel={panel}>
+        <Button onClick={close}>Close</Button>
+      </Modal.Footer>
+    </Modal>
+  );
+}
+
+function open() {
+  setOpened(true);
+}
+
+function close() {
+  setOpened(false);
+}
+
+<div>
+  {opened && renderModal()}
+  <Button onClick={open}>Open</Button>
+</div>;
+```
+
+### Локали по умолчанию
+
+```typescript static
+interface ModalLocale {
+  closeButtonAriaLabel: string;
+}
+
+const ru_RU = {
+  closeButtonAriaLabel: 'Закрыть модальное окно'
+}
+
+const en_GB = {
+  closeButtonAriaLabel: 'Close modal window'
+}
+```