npm - @skbkontur/react-ui - Versions diffs - 5.6.0 → 5.6.1-85c65.0 - Mend

@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/components/Modal/Modal/Modal.js CHANGED Viewed

@@ -1,31 +1,30 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _Modal;
 import React from 'react';
 import FocusLock from 'react-focus-lock';
 import throttle from 'lodash.throttle';
-import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable } from "../../../lib/utils";
 import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { RenderContainer } from "../../../internal/RenderContainer";
 import { ZIndex } from "../../../internal/ZIndex";
-import { stopPropagation } from "../../../lib/events/stopPropagation";
 import { HideBodyVerticalScroll } from "../../../internal/HideBodyVerticalScroll";
 import { ModalStack } from "../../../lib/ModalStack";
 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";
 import { catchUnreachableWarning } from "../../../lib/typeGuards";
+import { rootNode } from "../../../lib/rootNode";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { ModalContext } from "../ModalContext";
 import { ModalFooter } from "../ModalFooter";
 import { ModalHeader } from "../ModalHeader";
 import { ModalBody } from "../ModalBody";
 import { ModalClose } from "../ModalClose";
-import { styles } from "../Modal.styles";
+import { getStyles } from "../Modal.styles";
 import { getModalTheme } from "../getModalTheme";
 var mountedModalsCount = 0;
 export var ModalDataTids = {
@@ -45,7 +44,7 @@ export var ModalZIndexPriority = {
  * - контент-зону [Modal.Body](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalbody--docs);
  * - футер [Modal.Footer](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalfooter--docs).
  */
-export var Modal = /*#__PURE__*/function (_React$Component) {
+export var Modal = withRenderEnvironment(_class = rootNode(_class = (_Modal = /*#__PURE__*/function (_React$Component) {
   function Modal() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -74,15 +73,15 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
           if (_this.state.hasFooter) {
             return;
           }
-          return [styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'fullscreen':
-          return [styles.mobileContainerFullscreen5_2()];
+          return [_this.styles.mobileContainerFullscreen5_2()];
         case 'center':
-          return [styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'bottom':
-          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
         case 'top':
-          return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
         default:
           return catchUnreachableWarning(mobileAppearance, false);
       }
@@ -101,7 +100,7 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     _this.handleStackChange = function (stack) {
       _this.setState({
         stackPosition: stack.indexOf(_this),
-        hasBackground: ModalStack.isBlocking(_this)
+        hasBackground: ModalStack.isBlocking(_this, _this.globalObject)
       });
     };
     _this.handleContainerMouseDown = function (event) {
@@ -124,7 +123,7 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
         return;
       }
       if (isKeyEscape(e)) {
-        stopPropagation(e);
+        e.stopPropagation();
         _this.requestClose();
       }
     };
@@ -169,33 +168,38 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Modal, _React$Component);
   var _proto = Modal.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    this.stackSubscription = ModalStack.add(this, this.handleStackChange);
+    var _this$globalObject$ad2, _this$globalObject2;
+    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);
     if (mountedModalsCount === 0) {
-      globalObject.addEventListener == null || globalObject.addEventListener('resize', this.throttledCheckHorizontalScroll);
+      var _this$globalObject$ad, _this$globalObject;
+      (_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'resize', this.throttledCheckHorizontalScroll);
     }
     mountedModalsCount++;
-    globalObject.addEventListener == null || globalObject.addEventListener('keydown', this.handleKeyDown);
+    (_this$globalObject$ad2 = (_this$globalObject2 = this.globalObject).addEventListener) == null || _this$globalObject$ad2.call(_this$globalObject2, '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) {
-      globalObject.removeEventListener == null || globalObject.removeEventListener('resize', this.throttledCheckHorizontalScroll);
+      var _this$globalObject$re, _this$globalObject3;
+      (_this$globalObject$re = (_this$globalObject3 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject3, 'resize', this.throttledCheckHorizontalScroll);
       LayoutEvents.emit();
     }
-    globalObject.removeEventListener == null || globalObject.removeEventListener('keydown', this.handleKeyDown);
+    (_this$globalObject$re2 = (_this$globalObject4 = this.globalObject).removeEventListener) == null || _this$globalObject$re2.call(_this$globalObject4, 'keydown', this.handleKeyDown);
     if (isNonNullable(this.stackSubscription)) {
       this.stackSubscription.remove();
     }
-    ModalStack.remove(this);
+    ModalStack.remove(this, this.globalObject);
     if (this.containerNode) {
       this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
     }
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = getModalTheme(theme, _this2.props.theme);
       return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -238,7 +242,6 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     if (!hasFooter || hasPanel) {
       modalContextProps.additionalPadding = true;
     }
-    var versionGTE5_2 = isThemeGTE(this.theme, '5.2');
     var style = {};
     var containerStyle = {};
     if (width) {
@@ -247,27 +250,26 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
       containerStyle.width = 'auto';
     }
     var getMobileCenterContainerClassNames = function getMobileCenterContainerClassNames() {
-      if (versionGTE5_2) {
-        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 cx(styles.mobileCenterContainer());
+      var _this3$cx;
+      return _this3.cx(_this3.styles.mobileCenterContainer(_this3.theme), (_this3$cx = {}, _this3$cx[_this3.styles.mobileCenterContainerBig(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _this3$cx[_this3.styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen', _this3$cx));
     };
-    return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ZIndex, {
+    return /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(ZIndex, {
       priority: 'Modal',
-      className: styles.root()
+      className: this.styles.root()
     }, /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/React.createElement("div", {
       onMouseDown: this.handleContainerMouseDown,
       onMouseUp: this.handleContainerMouseUp,
       onClick: this.handleContainerClick,
-      className: styles.bg(this.theme)
+      className: this.styles.bg(this.theme)
     }), /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
-      var _cx2, _cx3, _cx4, _cx5, _cx6;
+      var _this3$cx2, _this3$cx3, _this3$cx4, _this3$cx5, _this3$cx6;
       var isMobile = _ref.isMobile;
       return /*#__PURE__*/React.createElement("div", {
         "aria-labelledby": ariaLabelledby,
         ref: _this3.refContainer,
-        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()),
+        className: _this3.cx(_this3.styles.container(), !isMobile && _this3.styles.containerDesktop(), isMobile && _this3.getMobileContainerClassName()),
         onMouseDown: _this3.handleContainerMouseDown,
         onMouseUp: _this3.handleContainerMouseUp,
         onClick: _this3.handleContainerClick,
@@ -276,11 +278,11 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
         "aria-modal": true,
         "aria-label": ariaLabel,
         role: role,
-        className: cx((_cx2 = {}, _cx2[styles.centerContainer()] = true, _cx2[getMobileCenterContainerClassNames()] = isMobile, _cx2[styles.alignTop()] = Boolean(alignTop), _cx2)),
+        className: _this3.cx((_this3$cx2 = {}, _this3$cx2[_this3.styles.centerContainer()] = true, _this3$cx2[getMobileCenterContainerClassNames()] = isMobile, _this3$cx2[_this3.styles.alignTop()] = Boolean(alignTop), _this3$cx2)),
         style: isMobile ? undefined : containerStyle,
         "data-tid": ModalDataTids.content
       }, /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx3 = {}, _cx3[styles.window(_this3.theme)] = true, _cx3[styles.mobileWindow()] = isMobile, _cx3[styles.mobileWindowFullscreen5_2()] = versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen', _cx3)),
+        className: _this3.cx((_this3$cx3 = {}, _this3$cx3[_this3.styles.window(_this3.theme)] = true, _this3$cx3[_this3.styles.mobileWindow()] = isMobile, _this3$cx3[_this3.styles.mobileWindowFullscreen()] = isMobile && mobileAppearance === 'fullscreen', _this3$cx3)),
         style: isMobile ? undefined : style
       }, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this3.handleResize,
@@ -288,12 +290,12 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(FocusLock, {
         disabled: disableFocusLock,
         autoFocus: false,
-        className: cx((_cx4 = {}, _cx4[styles.columnFlexContainer()] = isMobile, _cx4), 'focus-lock-container')
+        className: _this3.cx((_this3$cx4 = {}, _this3$cx4[_this3.styles.columnFlexContainer()] = isMobile, _this3$cx4), 'focus-lock-container')
       }, !hasHeader && !noClose && /*#__PURE__*/React.createElement(ZIndex, {
         priority: ModalZIndexPriority.Cross,
-        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))
+        className: _this3.cx((_this3$cx5 = {}, _this3$cx5[_this3.styles.closeWrapper(_this3.theme)] = true, _this3$cx5[_this3.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _this3$cx5))
       }, /*#__PURE__*/React.createElement(ModalClose, {
-        className: cx((_cx6 = {}, _cx6[styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx6[styles.mobileCloseWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && isMobile && !_this3.state.hasHeader, _cx6)),
+        className: _this3.cx((_this3$cx6 = {}, _this3$cx6[_this3.styles.mobileCloseWithoutHeader(_this3.theme)] = isMobile && !_this3.state.hasHeader, _this3$cx6)),
         requestClose: _this3.requestClose,
         disableClose: disableClose
       })), /*#__PURE__*/React.createElement(ModalContext.Provider, {
@@ -302,15 +304,8 @@ export var Modal = /*#__PURE__*/function (_React$Component) {
     }))));
   };
   return Modal;
-}(React.Component);
-Modal.__KONTUR_REACT_UI__ = 'Modal';
-Modal.displayName = 'Modal';
-Modal.Header = ModalHeader;
-Modal.Body = ModalBody;
-Modal.Footer = ModalFooter;
-Modal.defaultProps = {
-  // NOTE: в ie нормально не работает
-  disableFocusLock: isIE11,
+}(React.Component), _Modal.__KONTUR_REACT_UI__ = 'Modal', _Modal.displayName = 'Modal', _Modal.Header = ModalHeader, _Modal.Body = ModalBody, _Modal.Footer = ModalFooter, _Modal.defaultProps = {
+  disableFocusLock: false,
   role: 'dialog',
   mobileAppearance: 'auto'
-};
+}, _Modal)) || _class) || _class;

package/components/Modal/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 /* Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. /\n onClose?: () => void;\n\n /* Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.\n \n По умолчанию `\"true\"` для Internet Explorer 11. /\n disableFocusLock?: boolean;\n\n /* Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.\n \n Общие переменные темы и переменные для модального окна (с префиксом modal) смотрите на странице [ThemePlayground](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_information-themeplayground--docs).\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 \n Составной компонент, включает в себя:\n * - «шапку» [Modal.Header](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalheader--docs), состоящую из заголовка и крестика закрытия окна;\n * - контент-зону [Modal.Body](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalbody--docs);\n * - футер [Modal.Footer](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalfooter--docs).\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":[]}
1	+ {"version":3,"names":["React","FocusLock","throttle","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","CommonWrapper","createPropsGetter","ResponsiveLayout","catchUnreachableWarning","rootNode","withRenderEnvironment","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","getStyles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_class","_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","stopPropagation","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","emotion","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","style","containerStyle","getMobileCenterContainerClassNames","_this3$cx","cx","mobileCenterContainer","mobileCenterContainerBig","mobileCenterContainerFullscreen","_extends","rootNodeRef","setRootNode","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_this3$cx2","_this3$cx3","_this3$cx4","_this3$cx5","_this3$cx6","isMobile","ref","containerDesktop","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes, JSX } 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 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 { 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 type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\nimport { rootNode, type TGetRootNode, type TSetRootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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 /* Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. /\n onClose?: () => void;\n\n /* Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого./\n disableFocusLock?: boolean;\n\n /* Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.\n \n Общие переменные темы и переменные для модального окна (с префиксом modal) смотрите на странице [ThemePlayground](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_information-themeplayground--docs).\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 \n Составной компонент, включает в себя:\n * - «шапку» [Modal.Header](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalheader--docs), состоящую из заголовка и крестика закрытия окна;\n * - контент-зону [Modal.Body](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalbody--docs);\n * - футер [Modal.Footer](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalfooter--docs).\n */\n@withRenderEnvironment\n@rootNode\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 getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public static defaultProps: DefaultProps = {\n disableFocusLock: false,\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 emotion!: Emotion;\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 this.styles = getStyles(this.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\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 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 return this.cx(this.styles.mobileCenterContainer(this.theme), {\n [this.styles.mobileCenterContainerBig(this.theme)]:\n mobileAppearance === 'fullscreen-spacing' \|\| (mobileAppearance === 'auto' && hasFooter),\n [this.styles.mobileCenterContainerFullscreen()]: mobileAppearance === 'fullscreen',\n });\n };\n\n return (\n <RenderContainer>\n <CommonWrapper rootNodeRef={this.setRootNode} {...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 !isMobile && this.styles.containerDesktop(),\n 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.mobileWindowFullscreen()]: 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 })}\n >\n <ModalClose\n className={this.cx({\n [this.styles.mobileCloseWithoutHeader(this.theme)]: 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 e.stopPropagation();\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 CHANGED Viewed

@@ -1,7 +1,8 @@
-import type { AriaAttributes, HTMLAttributes } from 'react';
+import type { AriaAttributes, HTMLAttributes, JSX } from 'react';
 import React from 'react';
 import type { ThemeIn } from '../../lib/theming/Theme';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import { type TGetRootNode } from '../../lib/rootNode';
 import { ModalFooter } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
@@ -19,9 +20,7 @@ export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     width?: number | string;
     /** Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. */
     onClose?: () => void;
-    /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.
-     *
-     * По умолчанию `"true"` для Internet Explorer 11. */
+    /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.*/
     disableFocusLock?: boolean;
     /** Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.
      *
@@ -70,9 +69,15 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     static Header: typeof ModalHeader;
     static Body: typeof ModalBody;
     static Footer: typeof ModalFooter;
+    getRootNode: TGetRootNode;
+    private setRootNode;
     static defaultProps: DefaultProps;
     private getProps;
     state: ModalState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private stackSubscription;
     private containerNode;