@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/Modal/Modal.js

@@ -1,216 +1,306 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ReactDOM = tslib_1.__importStar(require("react-dom"));
-var react_focus_lock_1 = tslib_1.__importDefault(require("react-focus-lock"));
-var identifiers_1 = require("../../lib/events/keyboard/identifiers");
-var LayoutEvents_1 = tslib_1.__importDefault(require("../../lib/LayoutEvents"));
-var RenderContainer_1 = tslib_1.__importDefault(require("../RenderContainer/RenderContainer"));
-var ZIndex_1 = tslib_1.__importDefault(require("../ZIndex/ZIndex"));
-var stopPropagation_1 = tslib_1.__importDefault(require("../../lib/events/stopPropagation"));
-var HideBodyVerticalScroll_1 = tslib_1.__importDefault(require("../HideBodyVerticalScroll/HideBodyVerticalScroll"));
-var ModalStack_1 = tslib_1.__importDefault(require("../ModalStack"));
-var ModalContext_1 = require("./ModalContext");
-var ModalFooter_1 = require("./ModalFooter");
-var ModalHeader_1 = require("./ModalHeader");
-var ModalBody_1 = require("./ModalBody");
-var ModalClose_1 = tslib_1.__importDefault(require("./ModalClose"));
-var ResizeDetector_1 = tslib_1.__importDefault(require("../internal/ResizeDetector"));
-var ensureOldIEClassName_1 = require("../ensureOldIEClassName");
-var Modal_module_less_1 = tslib_1.__importDefault(require("./Modal.module.css"));
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Modal_styles_1 = tslib_1.__importDefault(require("./Modal.styles"));
-var ThemeConsumer_1 = require("../ThemeConsumer");
-var helpers_1 = require("./helpers");
-var mountedModalsCount = 0;
-/**
- * Модальное окно
- *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонет нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
- */
-var Modal = /** @class */function (_super) {
-  tslib_1.__extends(Modal, _super);
-  function Modal() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {
-      stackPosition: 0,
-      horizontalScroll: false };
-
-    _this.stackSubscription = null;
-    _this.containerNode = null;
-    _this.mouseDownTarget = null;
-    _this.mouseUpTarget = null;
-    _this.requestClose = function () {
-      if (_this.props.disableClose) {
-        return;
-      }
-      if (_this.props.onClose) {
-        _this.props.onClose();
-      }
-    };
-    _this.refContainer = function (center) {
-      _this.containerNode = center;
-    };
-    _this.handleStackChange = function (stack) {
-      _this.setState({ stackPosition: stack.indexOf(_this) });
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    _this.handleContainerMouseDown = function (event) {
-      _this.mouseDownTarget = event.target;
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-    _this.handleContainerMouseUp = function (event) {
-      _this.mouseUpTarget = event.target;
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    _this.handleContainerClick = function (event) {
-      if (!_this.props.ignoreBackgroundClick) {
-        var target = event.target,currentTarget = event.currentTarget;
-        if (target === currentTarget && _this.mouseDownTarget === currentTarget && _this.mouseUpTarget === currentTarget) {
-          _this.requestClose();
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import throttle from 'lodash.throttle';
+import { FocusLock } from '../../internal/react-focus-lock/index.js';
+import { isNonNullable } from '../../lib/utils.js';
+import { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { RenderContainer } from '../../internal/RenderContainer/index.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';
+import { ModalStack } from '../../lib/ModalStack.js';
+import { ResizeDetector } from '../../internal/ResizeDetector/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { ResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { catchUnreachableWarning } from '../../lib/typeGuards.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { ModalContext } from './ModalContext.js';
+import { ModalFooter } from './ModalFooter.js';
+import { ModalHeader } from './ModalHeader.js';
+import { ModalBody } from './ModalBody.js';
+import { ModalClose } from './ModalClose.js';
+import { getStyles } from './Modal.styles.js';
+import { getModalTheme } from './getModalTheme.js';
+var mountedModalsCount = 0;
+export var ModalDataTids = {
+    container: 'modal-container',
+    content: 'modal-content',
+    close: 'modal-close',
+};
+export var ModalZIndexPriority = {
+    Cross: 2,
+    Content: 1,
+};
+/** Модальное окно — это эмуляция диалогового окна браузера, оно появляется поверх страницы в ответ на действия пользователя и блокирует доступ к основному содержимому страницы.
+ *
+ * Составной компонент, включает в себя:
+ * - «шапку» [Modal.Header](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_overlay-modal-modalheader--docs), состоящую из заголовка и крестика закрытия окна;
+ * - контент-зону [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).
+ */
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Modal_1.defaultProps);
+        _this.state = {
+            stackPosition: 0,
+            hasBackground: true,
+            horizontalScroll: false,
+            hasHeader: false,
+            hasFooter: false,
+            hasPanel: false,
+        };
+        _this.stackSubscription = null;
+        _this.containerNode = null;
+        _this.mouseDownTarget = null;
+        _this.mouseUpTarget = null;
+        _this.getMobileContainerClassName = function () {
+            var mobileAppearance = _this.getProps().mobileAppearance;
+            switch (mobileAppearance) {
+                case 'fullscreen-spacing':
+                    return;
+                case 'auto':
+                    if (_this.state.hasFooter) {
+                        return;
+                    }
+                    return [_this.styles.mobileContainerSmall5_2()];
+                case 'fullscreen':
+                    return [_this.styles.mobileContainerFullscreen5_2()];
+                case 'center':
+                    return [_this.styles.mobileContainerSmall5_2()];
+                case 'bottom':
+                    return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
+                case 'top':
+                    return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
+                default:
+                    return catchUnreachableWarning(mobileAppearance, false);
+            }
+        };
+        _this.requestClose = function () {
+            if (_this.props.disableClose) {
+                return;
+            }
+            if (_this.props.onClose) {
+                _this.props.onClose();
+            }
+        };
+        _this.refContainer = function (center) {
+            _this.containerNode = center;
+        };
+        _this.handleStackChange = function (stack) {
+            _this.setState({
+                stackPosition: stack.indexOf(_this),
+                hasBackground: ModalStack.isBlocking(_this, _this.globalObject),
+            });
+        };
+        _this.handleContainerMouseDown = function (event) {
+            _this.mouseDownTarget = event.target;
+        };
+        _this.handleContainerMouseUp = function (event) {
+            _this.mouseUpTarget = event.target;
+        };
+        _this.handleContainerClick = function (event) {
+            if (!_this.props.ignoreBackgroundClick) {
+                var target = event.target, currentTarget = event.currentTarget;
+                if (target === currentTarget && _this.mouseDownTarget === currentTarget && _this.mouseUpTarget === currentTarget) {
+                    _this.requestClose();
+                }
+            }
+        };
+        _this.handleKeyDown = function (e) {
+            if (_this.state.stackPosition !== 0) {
+                return;
+            }
+            if (isKeyEscape(e)) {
+                e.stopPropagation();
+                _this.requestClose();
+            }
+        };
+        _this.checkHorizontalScrollAppearance = function () {
+            var hasScroll = false;
+            if (_this.containerNode) {
+                var containerClientWidth = _this.containerNode.clientWidth;
+                var containerScrollWidth = _this.containerNode.scrollWidth;
+                hasScroll = containerClientWidth < containerScrollWidth;
+            }
+            if (hasScroll && !_this.state.horizontalScroll) {
+                _this.setState({ horizontalScroll: true });
+            }
+            else if (_this.state.horizontalScroll) {
+                _this.setState({ horizontalScroll: false });
+            }
+        };
+        _this.throttledCheckHorizontalScroll = throttle(_this.checkHorizontalScrollAppearance, 100);
+        _this.handleResize = function () {
+            LayoutEvents.emit();
+        };
+        _this.setHasHeader = function (hasHeader) {
+            _this.setState({ hasHeader: hasHeader });
+        };
+        _this.setHasFooter = function (hasFooter) {
+            _this.setState({ hasFooter: hasFooter });
+        };
+        _this.setHasPanel = function (hasPanel) {
+            _this.setState({ hasPanel: hasPanel });
+        };
+        return _this;
+    }
+    Modal_1 = Modal;
+    Modal.prototype.componentDidMount = function () {
+        var _a, _b, _c, _d;
+        this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);
+        if (mountedModalsCount === 0) {
+            (_b = (_a = this.globalObject).addEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'resize', this.throttledCheckHorizontalScroll);
+        }
+        mountedModalsCount++;
+        (_d = (_c = this.globalObject).addEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, 'keydown', this.handleKeyDown);
+        this.checkHorizontalScrollAppearance();
+        if (this.containerNode) {
+            this.containerNode.addEventListener('scroll', LayoutEvents.emit);
         }
-      }
     };
-    _this.handleKeyDown = function (e) {
-      if (_this.state.stackPosition !== 0) {
-        return;
-      }
-      if (identifiers_1.isKeyEscape(e)) {
-        stopPropagation_1["default"](e);
-        _this.requestClose();
-      }
+    Modal.prototype.componentWillUnmount = function () {
+        var _a, _b, _c, _d;
+        if (--mountedModalsCount === 0) {
+            (_b = (_a = this.globalObject).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'resize', this.throttledCheckHorizontalScroll);
+            LayoutEvents.emit();
+        }
+        (_d = (_c = this.globalObject).removeEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, 'keydown', this.handleKeyDown);
+        if (isNonNullable(this.stackSubscription)) {
+            this.stackSubscription.remove();
+        }
+        ModalStack.remove(this, this.globalObject);
+        if (this.containerNode) {
+            this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
+        }
     };
-    _this.checkHorizontalScrollAppearance = function () {
-      var hasScroll = false;
-      if (_this.containerNode) {
-        var containerClientWidth = _this.containerNode.clientWidth;
-        var containerScrollWidth = _this.containerNode.scrollWidth;
-        hasScroll = containerClientWidth < containerScrollWidth;
-      }
-      if (hasScroll && !_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: true });
-      } else
-      if (_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: false });
-      }
+    Modal.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = getModalTheme(theme, _this.props.theme);
+            return React.createElement(ThemeContext.Provider, { value: _this.theme }, _this.renderMain());
+        }));
     };
-    // TODO: без порталов ломается сохранение фокуса внутри модалки
-    // NOTE: в ie нормально не работает
-    _this.isDisableFocusLock = function () {
-      return !ReactDOM.createPortal || ensureOldIEClassName_1.isIE || _this.props.disableFocusLock;
+    Modal.prototype.renderMain = function () {
+        var _this = this;
+        var _a = this.props, noClose = _a.noClose, disableClose = _a.disableClose, width = _a.width, mobileAppearance = _a.mobileAppearance, alignTop = _a.alignTop, children = _a.children, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"];
+        var _b = this.state, hasHeader = _b.hasHeader, hasFooter = _b.hasFooter, hasPanel = _b.hasPanel;
+        var _c = this.getProps(), role = _c.role, disableFocusLock = _c.disableFocusLock;
+        var modalContextProps = {
+            hasHeader: hasHeader,
+            horizontalScroll: this.state.horizontalScroll,
+            setHasHeader: this.setHasHeader,
+            setHasFooter: this.setHasFooter,
+            setHasPanel: this.setHasPanel,
+            mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',
+        };
+        if (!noClose) {
+            modalContextProps.close = {
+                disableClose: disableClose,
+                requestClose: this.requestClose,
+            };
+        }
+        if (!hasFooter || hasPanel) {
+            modalContextProps.additionalPadding = true;
+        }
+        var style = {};
+        var containerStyle = {};
+        if (width) {
+            style.width = width;
+        }
+        else {
+            containerStyle.width = 'auto';
+        }
+        var getMobileCenterContainerClassNames = function () {
+            var _a;
+            return _this.cx(_this.styles.mobileCenterContainer(_this.theme), (_a = {},
+                _a[_this.styles.mobileCenterContainerBig(_this.theme)] = mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),
+                _a[_this.styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen',
+                _a));
+        };
+        return (React.createElement(RenderContainer, null,
+            React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+                React.createElement(ZIndex, { priority: 'Modal', className: this.styles.root() },
+                    React.createElement(HideBodyVerticalScroll, null),
+                    this.state.hasBackground && (React.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: this.styles.bg(this.theme) })),
+                    React.createElement(ResponsiveLayout, null, function (_a) {
+                        var _b, _c, _d, _e, _f;
+                        var isMobile = _a.isMobile;
+                        return (React.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this.refContainer, className: _this.cx(_this.styles.container(), !isMobile && _this.styles.containerDesktop(), isMobile && _this.getMobileContainerClassName()), onMouseDown: _this.handleContainerMouseDown, onMouseUp: _this.handleContainerMouseUp, onClick: _this.handleContainerClick, "data-tid": ModalDataTids.container },
+                            React.createElement("div", { "aria-modal": true, "aria-label": ariaLabel, role: role, className: _this.cx((_b = {},
+                                    _b[_this.styles.centerContainer()] = true,
+                                    _b[getMobileCenterContainerClassNames()] = isMobile,
+                                    _b[_this.styles.alignTop()] = Boolean(alignTop),
+                                    _b)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content },
+                                React.createElement("div", { className: _this.cx((_c = {},
+                                        _c[_this.styles.window(_this.theme)] = true,
+                                        _c[_this.styles.mobileWindow()] = isMobile,
+                                        _c[_this.styles.mobileWindowFullscreen()] = isMobile && mobileAppearance === 'fullscreen',
+                                        _c)), style: isMobile ? undefined : style },
+                                    React.createElement(ResizeDetector, { onResize: _this.handleResize, fullHeight: isMobile },
+                                        React.createElement(FocusLock, { disabled: disableFocusLock, autoFocus: false, className: _this.cx((_d = {}, _d[_this.styles.columnFlexContainer()] = isMobile, _d), 'focus-lock-container') },
+                                            !hasHeader && !noClose && (React.createElement(ZIndex, { priority: ModalZIndexPriority.Cross, className: _this.cx((_e = {},
+                                                    _e[_this.styles.closeWrapper(_this.theme)] = true,
+                                                    _e[_this.styles.mobileCloseWrapper(_this.theme)] = isMobile,
+                                                    _e)) },
+                                                React.createElement(ModalClose, { className: _this.cx((_f = {},
+                                                        _f[_this.styles.mobileCloseWithoutHeader(_this.theme)] = isMobile && !_this.state.hasHeader,
+                                                        _f)), requestClose: _this.requestClose, disableClose: disableClose }))),
+                                            React.createElement(ModalContext.Provider, { value: modalContextProps }, children)))))));
+                    })))));
     };
-    _this.handleResize = function (event) {
-      LayoutEvents_1["default"].emit();
+    var Modal_1;
+    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',
     };
-    return _this;
-  }
-  Modal.prototype.componentDidMount = function () {
-    this.stackSubscription = ModalStack_1["default"].add(this, this.handleStackChange);
-    if (mountedModalsCount === 0) {
-      window.addEventListener('resize', this.checkHorizontalScrollAppearance);
-    }
-    mountedModalsCount++;
-    window.addEventListener('keydown', this.handleKeyDown);
-    this.checkHorizontalScrollAppearance();
-    if (this.containerNode) {
-      this.containerNode.addEventListener('scroll', LayoutEvents_1["default"].emit);
-    }
-  };
-  Modal.prototype.componentWillUnmount = function () {
-    if (--mountedModalsCount === 0) {
-      window.removeEventListener('resize', this.checkHorizontalScrollAppearance);
-      LayoutEvents_1["default"].emit();
-    }
-    window.removeEventListener('keydown', this.handleKeyDown);
-    if (this.stackSubscription != null) {
-      this.stackSubscription.remove();
-    }
-    ModalStack_1["default"].remove(this);
-    if (this.containerNode) {
-      this.containerNode.removeEventListener('scroll', LayoutEvents_1["default"].emit);
-    }
-  };
-  Modal.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1.ThemeConsumer, null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  Modal.prototype.renderMain = function () {
-    var _a;
-    var hasHeader = false;
-    var hasFooter = false;
-    var hasPanel = false;
-    React.Children.toArray(this.props.children).forEach(function (child) {
-      if (ModalHeader_1.isHeader(child)) {
-        hasHeader = true;
-      }
-      if (ModalFooter_1.isFooter(child)) {
-        hasFooter = true;
-        if (child.props.panel) {
-          hasPanel = true;
-        }
-      }
-    });
-    var modalContextProps = {
-      hasHeader: hasHeader,
-      horizontalScroll: this.state.horizontalScroll };
-
-    if (hasHeader && !this.props.noClose) {
-      modalContextProps.close = {
-        disableClose: this.props.disableClose,
-        requestClose: this.requestClose };
-
-    }
-    if (!hasFooter) {
-      modalContextProps.additionalPadding = true;
-    }
-    if (hasFooter && hasPanel) {
-      modalContextProps.additionalPadding = true;
-    }
-    var style = {};
-    var containerStyle = {};
-    if (this.props.width) {
-      style.width = this.props.width;
-    } else
-    {
-      containerStyle.width = 'auto';
-    }
-    return React.createElement(RenderContainer_1["default"], null,
-    React.createElement(ZIndex_1["default"], { priority: 'Modal', className: Modal_module_less_1["default"].root },
-    React.createElement(HideBodyVerticalScroll_1["default"], null),
-    this.state.stackPosition === 0 && React.createElement("div", { className: Emotion_1.cx(Modal_module_less_1["default"].bg, Modal_styles_1["default"].bg(this.theme)) }),
-    React.createElement("div", { ref: this.refContainer, className: Modal_module_less_1["default"].container, onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": "modal-container" },
-    React.createElement("div", { className: Emotion_1.cx(Modal_module_less_1["default"].centerContainer, Modal_styles_1["default"].centerContainer(this.theme), (_a = {},
-      _a[Modal_module_less_1["default"].alignTop] = !!this.props.alignTop,
-      _a)), style: containerStyle },
-    React.createElement("div", { className: Emotion_1.cx(Modal_module_less_1["default"].window, Modal_styles_1["default"].window(this.theme)), style: style },
-    React.createElement(ResizeDetector_1["default"], { onResize: this.handleResize },
-    React.createElement(react_focus_lock_1["default"], { disabled: this.isDisableFocusLock(), autoFocus: false },
-    !hasHeader && !this.props.noClose ? React.createElement(ZIndex_1["default"], { priority: 'ModalCross', className: Modal_styles_1["default"].closeWrapper() },
-    React.createElement(ModalClose_1["default"], { requestClose: this.requestClose, disableClose: this.props.disableClose })) : null,
-    React.createElement(ModalContext_1.ModalContext.Provider, { value: modalContextProps },
-    React.createElement("div", null, this.props.children)))))))));
-  };
-  Modal.__KONTUR_REACT_UI__ = 'Modal';
-  Modal.Header = ModalHeader_1.Header;
-  Modal.Body = ModalBody_1.Body;
-  Modal.Footer = ModalFooter_1.Footer;
-  Modal.propTypes = {
-    children: function children(props, propName, componentName) {
-      if (React.Children.toArray(props[propName]).some(function (child) {return !ModalHeader_1.isHeader(child) && !helpers_1.isBody(child) && !ModalFooter_1.isFooter(child);})) {
-        return new Error("Only 'Header/Body/Footer' components are allowed for '" + propName + "' prop of '" + componentName + "' component");
-      }
-    } };
-
-  return Modal;
-}(React.Component);
-exports["default"] = Modal;
+    Modal = Modal_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Modal);
+    return Modal;
+}(React.Component));
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/Modal/Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { FocusLock } from '../../internal/react-focus-lock/index.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';\nimport type { ModalStackSubscription } from '../../lib/ModalStack.js';\nimport { ModalStack } from '../../lib/ModalStack.js';\nimport { ResizeDetector } from '../../internal/ResizeDetector/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { catchUnreachableWarning } from '../../lib/typeGuards.js';\nimport { rootNode, type TGetRootNode, type TSetRootNode } from '../../lib/rootNode/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport type { ModalContextProps } from './ModalContext.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalFooter } from './ModalFooter.js';\nimport { ModalHeader } from './ModalHeader.js';\nimport { ModalBody } from './ModalBody.js';\nimport { ModalClose } from './ModalClose.js';\nimport { getStyles } from './Modal.styles.js';\nimport { getModalTheme } from './getModalTheme.js';\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"]}