@skbkontur/react-ui 0.0.0-37fdedb456 → 0.0.0-388db940ca

package/components/Modal/Modal.js

@@ -0,0 +1,292 @@
+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);
+    };
+    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 __());
+    };
+})();
+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;
+    };
+    return __assign.apply(this, arguments);
+};
+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.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 { cx } from '../../lib/theming/Emotion.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { ResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { catchUnreachableWarning } from '../../lib/typeGuards.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 { styles } 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` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
+ *
+ * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.
+ *
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.
+ *
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
+ */
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Modal.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 [styles.mobileContainerSmall5_2()];
+                case 'fullscreen':
+                    return [styles.mobileContainerFullscreen5_2()];
+                case 'center':
+                    return [styles.mobileContainerSmall5_2()];
+                case 'bottom':
+                    return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];
+                case 'top':
+                    return [styles.mobileContainerSmall5_2(), 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.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.prototype.componentDidMount = function () {
+        var _a, _b;
+        this.stackSubscription = ModalStack.add(this, this.handleStackChange);
+        if (mountedModalsCount === 0) {
+            (_a = globalObject.addEventListener) === null || _a === void 0 ? void 0 : _a.call(globalObject, 'resize', this.throttledCheckHorizontalScroll);
+        }
+        mountedModalsCount++;
+        (_b = globalObject.addEventListener) === null || _b === void 0 ? void 0 : _b.call(globalObject, 'keydown', this.handleKeyDown);
+        this.checkHorizontalScrollAppearance();
+        if (this.containerNode) {
+            this.containerNode.addEventListener('scroll', LayoutEvents.emit);
+        }
+    };
+    Modal.prototype.componentWillUnmount = function () {
+        var _a, _b;
+        if (--mountedModalsCount === 0) {
+            (_a = globalObject.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(globalObject, 'resize', this.throttledCheckHorizontalScroll);
+            LayoutEvents.emit();
+        }
+        (_b = globalObject.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(globalObject, 'keydown', this.handleKeyDown);
+        if (isNonNullable(this.stackSubscription)) {
+            this.stackSubscription.remove();
+        }
+        ModalStack.remove(this);
+        if (this.containerNode) {
+            this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
+        }
+    };
+    Modal.prototype.render = function () {
+        var _this = this;
+        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());
+        }));
+    };
+    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 cx(styles.mobileCenterContainer(_this.theme), (_a = {},
+                _a[styles.mobileCenterContainerBig(_this.theme)] = mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),
+                _a[styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen',
+                _a));
+        };
+        return (React.createElement(RenderContainer, null,
+            React.createElement(CommonWrapper, __assign({}, this.props),
+                React.createElement(ZIndex, { priority: 'Modal', className: styles.root() },
+                    React.createElement(HideBodyVerticalScroll, null),
+                    this.state.hasBackground && (React.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: 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: cx(styles.container(), !isMobile && 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: cx((_b = {},
+                                    _b[styles.centerContainer()] = true,
+                                    _b[getMobileCenterContainerClassNames()] = isMobile,
+                                    _b[styles.alignTop()] = Boolean(alignTop),
+                                    _b)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content },
+                                React.createElement("div", { className: cx((_c = {},
+                                        _c[styles.window(_this.theme)] = true,
+                                        _c[styles.mobileWindow()] = isMobile,
+                                        _c[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: cx((_d = {}, _d[styles.columnFlexContainer()] = isMobile, _d), 'focus-lock-container') },
+                                            !hasHeader && !noClose && (React.createElement(ZIndex, { priority: ModalZIndexPriority.Cross, className: cx((_e = {},
+                                                    _e[styles.closeWrapper(_this.theme)] = true,
+                                                    _e[styles.mobileCloseWrapper(_this.theme)] = isMobile,
+                                                    _e)) },
+                                                React.createElement(ModalClose, { className: cx((_f = {},
+                                                        _f[styles.mobileCloseWithoutHeader(_this.theme)] = isMobile && !_this.state.hasHeader,
+                                                        _f)), requestClose: _this.requestClose, disableClose: disableClose }))),
+                                            React.createElement(ModalContext.Provider, { value: modalContextProps }, children)))))));
+                    })))));
+    };
+    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 Modal;
+}(React.Component));
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/components/Modal/Modal.styles.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const modalGlobalClasses: {
     root: string;
     container: string;
@@ -8,36 +8,28 @@ export declare const styles: {
     bg(t: Theme): string;
     container(): string;
     containerDesktop(): string;
-    container5_2(): string;
-    containerMobile(t: Theme): string;
     mobileContainerFullscreen5_2(): string;
     mobileContainerSmall5_2(): string;
     mobileContainerSmallTop5_2(): string;
     mobileContainerSmallBottom5_2(): string;
     window(t: Theme): string;
     mobileWindow(): string;
-    mobileWindowFullscreen5_2(): string;
+    mobileWindowFullscreen(): string;
     centerContainer(): string;
-    mobileCenterContainer(): string;
-    mobileCenterContainer5_2(t: Theme): string;
-    mobileCenterContainerBig5_2(t: Theme): string;
-    mobileCenterContainerFullscreen5_2(): string;
+    mobileCenterContainer(t: Theme): string;
+    mobileCenterContainerBig(t: Theme): string;
+    mobileCenterContainerFullscreen(): string;
     alignTop(): string;
     close(t: Theme): string;
-    close5_1(t: Theme): string;
     closeMobile(t: Theme): string;
-    closeMobile5_1(t: Theme): string;
-    mobileCloseWithoutHeader(): string;
-    mobileCloseWithoutHeader5_2(t: Theme): string;
+    mobileCloseWithoutHeader(t: Theme): string;
     closeWrapper(t: Theme): string;
     mobileCloseWrapper(t: Theme): string;
-    mobileCloseWrapper5_2(t: Theme): string;
     disabled(t: Theme): string;
     focus(t: Theme): string;
-    focus5_1(t: Theme): string;
     header(t: Theme): string;
-    header5_2(t: Theme): string;
     mobileHeader(t: Theme): string;
+    titleCut(): string;
     body(t: Theme): string;
     mobileBody(t: Theme): string;
     headerWithClose(t: Theme): string;
@@ -46,23 +38,18 @@ export declare const styles: {
     mobileFooter(t: Theme): string;
     panel(t: Theme): string;
     fixedHeader(t: Theme): string;
-    fixedHeader5_2(): string;
     mobileFixedHeader(t: Theme): string;
-    mobileFixedHeader5_2(t: Theme): string;
     fixedFooter(t: Theme): string;
-    fixedFooter5_2(): string;
-    mobileFixedFooter5_2(t: Theme): string;
+    mobileFixedFooter(t: Theme): string;
     fixedPanel(t: Theme): string;
     headerAddPadding(t: Theme): string;
     bodyWithoutHeader(t: Theme): string;
-    mobileBodyWithoutHeader(): string;
-    mobileBodyWithoutHeader5_2(t: Theme): string;
+    mobileBodyWithoutHeader(t: Theme): string;
     bodyWithoutPadding(): string;
     bodyAddPaddingForPanel(t: Theme): string;
     mobileBodyAddPaddingForPanel(t: Theme): string;
-    mobileBodyAddPaddingForPanel5_2(t: Theme): string;
     columnFlexContainer(): string;
     modalSeparatorWrapper(): string;
     modalSeparator(t: Theme): string;
-    modalSeparatorFixed(): string;
+    modalSeparatorFixed(t: Theme): string;
 };

package/components/Modal/Modal.styles.js

@@ -0,0 +1,164 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion.js';
+import { resetButton } from '../../lib/styles/Mixins.js';
+export var modalGlobalClasses = prefix('modal')({
+    root: 'root',
+    container: 'container',
+});
+export var styles = memoizeStyle({
+    root: function () {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "], ["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
+    },
+    bg: function (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "], ["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])), t.modalBackBg, t.modalBackOpacity);
+    },
+    container: function () {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "], ["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "])));
+    },
+    containerDesktop: function () {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "], ["\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "])));
+    },
+    mobileContainerFullscreen5_2: function () {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      margin: 0;\n    "], ["\n      margin: 0;\n    "])));
+    },
+    mobileContainerSmall5_2: function () {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "], ["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
+    },
+    mobileContainerSmallTop5_2: function () {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      align-content: start;\n    "], ["\n      align-content: start;\n    "])));
+    },
+    mobileContainerSmallBottom5_2: function () {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      align-content: end;\n    "], ["\n      align-content: end;\n    "])));
+    },
+    window: function (t) {
+        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "], ["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
+    },
+    mobileWindow: function () {
+        return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "], ["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+    },
+    mobileWindowFullscreen: function () {
+        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      border-radius: 0;\n    "], ["\n      border-radius: 0;\n    "])));
+    },
+    centerContainer: function () {
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "], ["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
+    },
+    mobileCenterContainer: function (t) {
+        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "], ["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
+    },
+    mobileCenterContainerBig: function (t) {
+        return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      height: calc(100% - ", " - ", ");\n    "], ["\n      height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
+    },
+    mobileCenterContainerFullscreen: function () {
+        return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "], ["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
+    },
+    alignTop: function () {
+        return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      vertical-align: top;\n    "], ["\n      vertical-align: top;\n    "])));
+    },
+    close: function (t) {
+        return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "], ["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonColor, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
+    },
+    closeMobile: function (t) {
+        return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "], ["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
+    },
+    mobileCloseWithoutHeader: function (t) {
+        return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "], ["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])), t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding);
+    },
+    closeWrapper: function (t) {
+        var padding = parseInt(t.modalCloseButtonPadding);
+        var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
+        var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
+        var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
+        return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "], ["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
+    },
+    mobileCloseWrapper: function (t) {
+        var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
+        return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "], ["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalWithoutHeaderCloseButtonWidth, t.bgDefault, size);
+    },
+    disabled: function (t) {
+        return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "], ["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
+    },
+    focus: function (t) {
+        return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "], ["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "])), t.modalCloseIconSize, t.modalCloseIconSize, t.borderColorFocus);
+    },
+    header: function (t) {
+        return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n      border-radius: ", " ", " 0 0;\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight, t.modalBorderRadius, t.modalBorderRadius);
+    },
+    mobileHeader: function (t) {
+        return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "], ["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+    },
+    titleCut: function () {
+        return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "], ["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
+    },
+    body: function (t) {
+        return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "], ["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
+    },
+    mobileBody: function (t) {
+        return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "], ["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+    },
+    headerWithClose: function (t) {
+        var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
+        return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n      padding-right: ", "px;\n    "], ["\n      padding-right: ", "px;\n    "])), rightPadding);
+    },
+    mobileHeaderWithClose: function (t) {
+        return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n      padding-right: ", "px;\n    "], ["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+    },
+    footer: function (t) {
+        return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "], ["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
+    },
+    mobileFooter: function (t) {
+        return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+    },
+    panel: function (t) {
+        return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+    },
+    fixedHeader: function (t) {
+        return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
+    },
+    mobileFixedHeader: function (t) {
+        return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "], ["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.mobileModalHeaderPadding, t.modalBorderRadius, t.modalBorderRadius);
+    },
+    fixedFooter: function (t) {
+        return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+    },
+    mobileFixedFooter: function (t) {
+        return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n      border-radius: 0 0 ", " ", ";\n    "], ["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+    },
+    fixedPanel: function (t) {
+        return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "], ["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+    },
+    headerAddPadding: function (t) {
+        return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+    },
+    bodyWithoutHeader: function (t) {
+        return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+    },
+    mobileBodyWithoutHeader: function (t) {
+        return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
+    },
+    bodyWithoutPadding: function () {
+        return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n      padding: 0;\n    "], ["\n      padding: 0;\n    "])));
+    },
+    bodyAddPaddingForPanel: function (t) {
+        return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+    },
+    mobileBodyAddPaddingForPanel: function (t) {
+        return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "], ["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyPaddingBottom);
+    },
+    columnFlexContainer: function () {
+        return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "], ["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    },
+    modalSeparatorWrapper: function () {
+        return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n      position: absolute;\n      width: 100%;\n    "], ["\n      position: absolute;\n      width: 100%;\n    "])));
+    },
+    modalSeparator: function (t) {
+        return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "], ["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
+    },
+    modalSeparatorFixed: function (t) {
+        return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n      margin: ", ";\n    "], ["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
+    },
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48;
+//# sourceMappingURL=Modal.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../components/Modal/Modal.styles.ts"],"names":[],"mappings":"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"}

package/components/Modal/ModalBody.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
 export interface ModalBodyProps extends CommonProps {
     /** Убирает отступы. */
     noPadding?: boolean;
@@ -15,6 +16,7 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __MODAL_BODY__: boolean;
     private theme;
     private isMobileLayout;
+    getRootNode: TGetRootNode;
     private setRootNode;
     render(): React.JSX.Element;
     private handleResize;