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

package/components/SidePage/SidePage.js

@@ -1,188 +1,312 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var identifiers_1 = require("../../lib/events/keyboard/identifiers");
-var LayoutEvents_1 = tslib_1.__importDefault(require("../../lib/LayoutEvents"));
-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 RenderContainer_1 = tslib_1.__importDefault(require("../RenderContainer/RenderContainer"));
-var RenderLayer_1 = tslib_1.__importDefault(require("../RenderLayer"));
-var ZIndex_1 = tslib_1.__importDefault(require("../ZIndex"));
-var SidePageBody_1 = require("./SidePageBody");
-var SidePageContainer_1 = tslib_1.__importDefault(require("./SidePageContainer"));
-var SidePageContext_1 = require("./SidePageContext");
-var SidePageFooter_1 = require("./SidePageFooter");
-var SidePageHeader_1 = tslib_1.__importDefault(require("./SidePageHeader"));
-var react_transition_group_1 = require("react-transition-group");
-var SidePage_module_less_1 = tslib_1.__importDefault(require("./SidePage.module.css"));
-var Emotion_1 = require("../../lib/theming/Emotion");
-var SidePage_styles_1 = tslib_1.__importDefault(require("./SidePage.styles"));
-var ThemeConsumer_1 = require("../ThemeConsumer");
+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);
+};
+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 { CSSTransition } from 'react-transition-group';
+import { FocusLock } from '../../internal/react-focus-lock/index.js';
+import { isNonNullable, isReactUIInstance } from '../../lib/utils.js';
+import { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';
+import { ModalStack } from '../../lib/ModalStack.js';
+import { RenderContainer } from '../../internal/RenderContainer/index.js';
+import { RenderLayer } from '../../internal/RenderLayer/index.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { ResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { isInstanceOf } from '../../lib/isInstanceOf.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { SidePageBody } from './SidePageBody.js';
+import { SidePageContainer } from './SidePageContainer.js';
+import { SidePageContext } from './SidePageContext.js';
+import { SidePageFooter } from './SidePageFooter.js';
+import { SidePageHeader } from './SidePageHeader.js';
+import { getStyles } from './SidePage.styles.js';
+export var SidePageDataTids = {
+    root: 'SidePage__root',
+    container: 'SidePage__container',
+};
 var TRANSITION_TIMEOUT = 200;
-/**
- * Сайдпейдж
- *
- * Содержит в себе три компоненты: **SidePage.Header**,
- * **SidePage.Body** и **SidePage.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
+/**
+ * `SidePage` — это модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера.
+ *
+ * Используйте его, когда нужно сохранить контекст и показать большое количество данных.
+ *
+ * Содержит в себе три компоненты: `SidePage.Header`, `SidePage.Body` и `SidePage.Footer`.
+ *
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
  */
-var SidePage = /** @class */function (_super) {
-  tslib_1.__extends(SidePage, _super);
-  function SidePage() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {};
-    _this.stackSubscription = null;
-    _this.layoutRef = null;
-    _this.footer = null;
-    /**
-     * Обновляет разметку компонента.
-     * @public
-     */
-    _this.updateLayout = function () {
-      if (_this.footer) {
-        _this.footer.update();
-      }
+var SidePage = /** @class */ (function (_super) {
+    __extends(SidePage, _super);
+    function SidePage() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            hasHeader: false,
+            hasFooter: false,
+            hasPanel: false,
+        };
+        _this.stackSubscription = null;
+        _this.layout = null;
+        _this.header = null;
+        _this.footer = null;
+        _this.rootRef = React.createRef();
+        /**
+         * Обновляет разметку компонента.
+         * @public
+         */
+        _this.updateLayout = function () {
+            var _a, _b;
+            (_a = _this.header) === null || _a === void 0 ? void 0 : _a.update();
+            (_b = _this.footer) === null || _b === void 0 ? void 0 : _b.update();
+        };
+        _this.getProps = createPropsGetter(SidePage_1.defaultProps);
+        _this.getSidePageContextProps = function () {
+            return {
+                hasHeader: _this.state.hasHeader,
+                hasFooter: _this.state.hasFooter,
+                hasPanel: _this.state.hasPanel,
+                requestClose: _this.requestClose,
+                getWidth: _this.getWidth,
+                updateLayout: _this.updateLayout,
+                headerRef: _this.headerRef,
+                footerRef: _this.footerRef,
+                setHasHeader: _this.setHasHeader,
+                setHasFooter: _this.setHasFooter,
+                setHasPanel: _this.setHasPanel,
+            };
+        };
+        _this.getWidth = function () {
+            if (!_this.layout) {
+                return 'auto';
+            }
+            return _this.layout.clientWidth;
+        };
+        _this.handleStackChange = function (stack) {
+            var sidePages = stack.filter(function (x) { return isReactUIInstance(x, 'SidePage') && x.props.fromLeft === _this.props.fromLeft; });
+            var currentSidePagePosition = sidePages.indexOf(_this);
+            var hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;
+            var hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;
+            var hasBackground = ModalStack.isBlocking(_this, _this.globalObject);
+            _this.setState({
+                stackPosition: stack.indexOf(_this),
+                hasMargin: hasMargin,
+                hasShadow: hasShadow,
+                hasBackground: hasBackground,
+            });
+        };
+        _this.handleClickOutside = function (e) {
+            if (_this.state.stackPosition === 0 && !(_this.props.ignoreBackgroundClick || _this.props.ignoreOutsideClick)) {
+                // ignore mousedown on window scrollbar
+                if (isInstanceOf(e, _this.globalObject.MouseEvent) &&
+                    _this.globalObject.document &&
+                    e.clientX > _this.globalObject.document.documentElement.clientWidth) {
+                    return;
+                }
+                if (_this.props.onOutsideClick) {
+                    _this.props.onOutsideClick(e);
+                    if (e.defaultPrevented) {
+                        return;
+                    }
+                }
+                _this.requestClose();
+            }
+        };
+        _this.handleKeyDown = function (e) {
+            if (_this.state.stackPosition !== 0) {
+                return;
+            }
+            if (isKeyEscape(e)) {
+                e.stopPropagation();
+                _this.requestClose();
+            }
+        };
+        _this.requestClose = function () {
+            if (_this.props.disableClose) {
+                return;
+            }
+            if (_this.props.onClose) {
+                _this.props.onClose();
+            }
+        };
+        _this.headerRef = function (ref) {
+            _this.header = ref;
+        };
+        _this.footerRef = function (ref) {
+            _this.footer = ref;
+        };
+        _this.layoutRef = function (ref) {
+            _this.layout = ref;
+        };
+        _this.setHasHeader = function (hasHeader) {
+            if (hasHeader === void 0) { hasHeader = true; }
+            _this.state.hasHeader !== hasHeader && _this.setState({ hasHeader: hasHeader });
+        };
+        _this.setHasFooter = function (hasFooter) {
+            if (hasFooter === void 0) { hasFooter = true; }
+            _this.state.hasFooter !== hasFooter && _this.setState({ hasFooter: hasFooter });
+        };
+        _this.setHasPanel = function (hasPanel) {
+            if (hasPanel === void 0) { hasPanel = false; }
+            _this.state.hasPanel !== hasPanel && _this.setState({ hasPanel: hasPanel });
+        };
+        return _this;
+    }
+    SidePage_1 = SidePage;
+    SidePage.prototype.componentDidMount = function () {
+        var _a, _b;
+        (_b = (_a = this.globalObject).addEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'keydown', this.handleKeyDown);
+        this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);
+    };
+    SidePage.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.blockBackground !== this.props.blockBackground) {
+            ModalStack.rerender(this.globalObject);
+            this.setState({
+                hasBackground: ModalStack.isBlocking(this, this.globalObject),
+            });
+        }
     };
-    _this.getWidth = function () {
-      if (!_this.layoutRef) {
-        return 'auto';
-      }
-      return _this.layoutRef.getBoundingClientRect().width;
+    SidePage.prototype.componentWillUnmount = function () {
+        var _a, _b;
+        (_b = (_a = this.globalObject).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'keydown', this.handleKeyDown);
+        if (isNonNullable(this.stackSubscription)) {
+            this.stackSubscription.remove();
+        }
+        ModalStack.remove(this, this.globalObject);
     };
-    _this.handleStackChange = function (stack) {
-      var sidePages = stack.filter(function (x) {return x instanceof SidePage;});
-      var currentSidePagePosition = sidePages.indexOf(_this);
-      var isSidePageOnStackTop = stack[0] instanceof SidePage;
-      var hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;
-      var hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;
-      var hasBackground = currentSidePagePosition === sidePages.length - 1 && isSidePageOnStackTop;
-      _this.setState({
-        stackPosition: stack.indexOf(_this),
-        hasMargin: hasMargin,
-        hasShadow: hasShadow,
-        hasBackground: hasBackground });
-
+    SidePage.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
     };
-    _this.handleClickOutside = function () {
-      if (_this.state.stackPosition === 0 && !_this.props.ignoreBackgroundClick) {
-        _this.requestClose();
-      }
+    SidePage.prototype.renderMain = function () {
+        var _this = this;
+        var _a = this.props, blockBackground = _a.blockBackground, onOpened = _a.onOpened;
+        var disableAnimations = this.getProps().disableAnimations;
+        return (React.createElement(ResponsiveLayout, null, function (_a) {
+            var isMobile = _a.isMobile;
+            return (React.createElement(RenderContainer, null,
+                React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props),
+                    React.createElement(ZIndex, { priority: 'Sidepage', onScroll: LayoutEvents.emit, createStackingContext: true, style: { position: 'absolute' } },
+                        !isMobile && blockBackground && _this.renderShadow(),
+                        React.createElement(CSSTransition, { in: true, classNames: _this.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: {
+                                enter: TRANSITION_TIMEOUT,
+                                exit: TRANSITION_TIMEOUT,
+                            }, nodeRef: _this.rootRef, onEntered: onOpened }, _this.renderContainer(isMobile)),
+                        isMobile && React.createElement(HideBodyVerticalScroll, null)))));
+        }));
     };
-    _this.handleKeyDown = function (e) {
-      if (_this.state.stackPosition !== 0) {
-        return;
-      }
-      if (identifiers_1.isKeyEscape(e)) {
-        stopPropagation_1["default"](e);
-        _this.requestClose();
-      }
+    Object.defineProperty(SidePage.prototype, "isFocusLockDisabled", {
+        get: function () {
+            var disableFocusLock = this.getProps().disableFocusLock;
+            var blockBackground = this.props.blockBackground;
+            if (!blockBackground) {
+                return true;
+            }
+            if (disableFocusLock !== undefined) {
+                return disableFocusLock;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SidePage.prototype.renderContainer = function (isMobile) {
+        var _a, _b;
+        var _c = this.props, mobileWidth = _c.mobileWidth, blockBackground = _c.blockBackground, fromLeft = _c.fromLeft, ariaLabel = _c["aria-label"];
+        var _d = this.getProps(), offset = _d.offset, role = _d.role;
+        var widthDesktop = this.props.width || (blockBackground ? 800 : 500);
+        var widthMobile = mobileWidth || '100%';
+        var width = isMobile ? widthMobile : widthDesktop;
+        return (React.createElement("div", { "aria-modal": true, role: role, "aria-label": ariaLabel, "data-tid": SidePageDataTids.root, className: this.cx((_a = {},
+                _a[this.styles.root()] = true,
+                _a)), ref: this.rootRef, onScroll: LayoutEvents.emit, style: {
+                width: width,
+                right: fromLeft ? 'auto' : offset,
+                left: fromLeft ? offset : 'auto',
+            } },
+            React.createElement(FocusLock, { disabled: this.isFocusLockDisabled, autoFocus: false, className: this.styles.focusLock() },
+                React.createElement(RenderLayer, { onClickOutside: this.handleClickOutside, active: true },
+                    React.createElement("div", { "data-tid": SidePageDataTids.container, className: this.cx(this.styles.wrapper(this.theme), (_b = {},
+                            _b[this.styles.wrapperLeft()] = fromLeft,
+                            _b[this.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft,
+                            _b[this.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft,
+                            _b[this.styles.shadow(this.theme)] = this.state.hasShadow,
+                            _b)), ref: this.layoutRef },
+                        React.createElement(SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children))))));
     };
-    _this.requestClose = function () {
-      if (_this.props.disableClose) {
-        return;
-      }
-      if (_this.props.onClose) {
-        _this.props.onClose();
-      }
+    SidePage.prototype.renderShadow = function () {
+        var _a;
+        return (React.createElement("div", { className: this.styles.overlay(), onScroll: LayoutEvents.emit },
+            React.createElement(HideBodyVerticalScroll, { key: "hbvs" }),
+            React.createElement("div", { key: "overlay", className: this.cx((_a = {},
+                    _a[this.styles.background()] = true,
+                    _a[this.styles.backgroundGray(this.theme)] = this.state.hasBackground,
+                    _a)) })));
     };
-    _this.footerRef = function (ref) {
-      _this.footer = ref;
+    SidePage.prototype.getTransitionNames = function () {
+        var transition = this.props.fromLeft ? this.styles.transitionRight : this.styles.transitionLeft;
+        return {
+            enter: transition(),
+            enterActive: this.styles.transitionActive(),
+            exit: this.styles.transitionLeave(),
+            exitActive: this.styles.transitionLeaveActive(),
+            appear: transition(),
+            appearActive: this.styles.transitionActive(),
+        };
     };
-    return _this;
-  }
-  SidePage.prototype.componentDidMount = function () {
-    window.addEventListener('keydown', this.handleKeyDown);
-    this.stackSubscription = ModalStack_1["default"].add(this, this.handleStackChange);
-  };
-  SidePage.prototype.componentWillUnmount = function () {
-    window.removeEventListener('keydown', this.handleKeyDown);
-    if (this.stackSubscription != null) {
-      this.stackSubscription.remove();
-    }
-    ModalStack_1["default"].remove(this);
-  };
-  SidePage.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1.ThemeConsumer, null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  SidePage.prototype.renderMain = function () {
-    var _a = this.props,blockBackground = _a.blockBackground,disableAnimations = _a.disableAnimations;
-    return React.createElement(RenderContainer_1["default"], null,
-    React.createElement("div", null,
-    blockBackground && this.renderShadow(),
-    React.createElement(react_transition_group_1.CSSTransition, { "in": true, classNames: this.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: {
-        enter: TRANSITION_TIMEOUT,
-        exit: TRANSITION_TIMEOUT } },
-    this.renderContainer())));
-  };
-  SidePage.prototype.getZIndexProps = function () {
-    var _a;
-    var fromLeft = this.props.fromLeft;
-    return {
-      classes: Emotion_1.cx(SidePage_module_less_1["default"].root, (_a = {},
-      _a[SidePage_module_less_1["default"].leftSide] = !!fromLeft,
-      _a)) };
-
-  };
-  SidePage.prototype.renderContainer = function () {
-    var _this = this;
-    var classes = this.getZIndexProps().classes;
-    return React.createElement(ZIndex_1["default"], { priority: 'Sidepage', className: classes, onScroll: LayoutEvents_1["default"].emit, style: {
-        width: this.props.width || (this.props.blockBackground ? 800 : 500) },
-      createStackingContext: true },
-    React.createElement(RenderLayer_1["default"], { onClickOutside: this.handleClickOutside, active: true },
-    React.createElement("div", { className: Emotion_1.cx(SidePage_module_less_1["default"].container, SidePage_styles_1["default"].container(this.theme), this.state.hasShadow && SidePage_styles_1["default"].shadow(this.theme)), style: this.getSidebarStyle() },
-    React.createElement("div", { ref: function ref(_) {return _this.layoutRef = _;} },
-    React.createElement(SidePageContext_1.SidePageContext.Provider, { value: {
-        requestClose: this.requestClose,
-        getWidth: this.getWidth,
-        updateLayout: this.updateLayout,
-        footerRef: this.footerRef } },
-
-    React.createElement("div", { className: SidePage_module_less_1["default"].layout }, this.props.children))))));
-  };
-  SidePage.prototype.renderShadow = function () {
-    return React.createElement(ZIndex_1["default"], { priority: 'Sidepage', className: SidePage_styles_1["default"].overlay(), onScroll: LayoutEvents_1["default"].emit },
-    React.createElement(HideBodyVerticalScroll_1["default"], { key: "hbvs" }),
-    React.createElement("div", { key: "overlay", className: Emotion_1.cx(SidePage_module_less_1["default"].background, this.state.hasBackground && SidePage_module_less_1["default"].gray) }));
-  };
-  SidePage.prototype.getSidebarStyle = function () {
-    var sidePageStyle = {};
-    if (this.state.hasMargin) {
-      if (this.props.fromLeft) {
-        sidePageStyle.marginLeft = 20;
-      } else
-      {
-        sidePageStyle.marginRight = 20;
-      }
-    }
-    return sidePageStyle;
-  };
-  SidePage.prototype.getTransitionNames = function () {
-    var direction = this.props.fromLeft ? 'right' : 'left';
-    var transitionEnter = Emotion_1.cx(SidePage_module_less_1["default"]['transition-enter-' + direction]);
-    var transitionAppear = Emotion_1.cx(SidePage_module_less_1["default"]['transition-appear-' + direction]);
-    return {
-      enter: transitionEnter,
-      enterActive: SidePage_module_less_1["default"]['transition-enter-active'],
-      exit: SidePage_module_less_1["default"]['transition-leave'],
-      exitActive: SidePage_module_less_1["default"]['transition-leave-active'],
-      appear: transitionAppear,
-      appearActive: SidePage_module_less_1["default"]['transition-appear-active'] };
-
-  };
-  SidePage.__KONTUR_REACT_UI__ = 'SidePage';
-  SidePage.Header = SidePageHeader_1["default"];
-  SidePage.Body = SidePageBody_1.SidePageBodyWithContext;
-  SidePage.Footer = SidePageFooter_1.SidePageFooterWithContext;
-  SidePage.Container = SidePageContainer_1["default"];
-  return SidePage;
-}(React.Component);
-exports["default"] = SidePage;
+    var SidePage_1;
+    SidePage.__KONTUR_REACT_UI__ = 'SidePage';
+    SidePage.displayName = 'SidePage';
+    SidePage.Header = SidePageHeader;
+    SidePage.Body = SidePageBody;
+    SidePage.Footer = SidePageFooter;
+    SidePage.Container = SidePageContainer;
+    SidePage.defaultProps = {
+        disableAnimations: isTestEnv,
+        offset: 0,
+        role: 'dialog',
+    };
+    SidePage = SidePage_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], SidePage);
+    return SidePage;
+}(React.Component));
+export { SidePage };
+//# sourceMappingURL=SidePage.js.map

package/components/SidePage/SidePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePage.js","sourceRoot":"","sources":["SidePage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidePage.js","sourceRoot":"","sources":["../../../components/SidePage/SidePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { FocusLock } from '../../internal/react-focus-lock/index.js';\nimport { isNonNullable, isReactUIInstance } from '../../lib/utils.js';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';\nimport { ModalStack } from '../../lib/ModalStack.js';\nimport type { ModalStackSubscription } from '../../lib/ModalStack.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { RenderLayer } from '../../internal/RenderLayer/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { SidePageBody } from './SidePageBody.js';\nimport { SidePageContainer } from './SidePageContainer.js';\nimport type { SidePageContextType } from './SidePageContext.js';\nimport { SidePageContext } from './SidePageContext.js';\nimport { SidePageFooter } from './SidePageFooter.js';\nimport { SidePageHeader } from './SidePageHeader.js';\nimport { getStyles } from './SidePage.styles.js';\nexport interface SidePageProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label'> {\n  /** Добавляет блокирующий фон, когда сайдпейдж открыт. */\n  blockBackground?: boolean;\n\n  /** Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа. */\n  disableClose?: boolean;\n\n  /**\n   * Оставляет окно открытым при клике на фон.\n   * @deprecated Используйте `ignoreOutsideClick` вместо `ignoreBackgroundClick`\n   **/\n  ignoreBackgroundClick?: boolean;\n  /**\n   * Оставляет окно открытым при клике на фон.\n   **/\n  ignoreOutsideClick?: boolean;\n\n  /** Задает ширину сайдпейджа. */\n  width?: number | string;\n\n  /** Задает ширину сайдпейджаю на мобилке. По умолчанию ширина во весь экран. */\n  mobileWidth?: number | string;\n\n  /** Задает функцию, которая вызывается при запросе закрытия сайдпейджа пользователем (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при завершении анимации открытия сайдпейджа. */\n  onOpened?: () => void;\n\n  /** Отображает сайдпэйдж слева. */\n  fromLeft?: boolean;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Отключает фокус-лок внутри сайдпейджа.\n   * Работает только при заблокированном фоне: `blockBackground = true`.*/\n  disableFocusLock?: boolean;\n\n  /** Задает отступ от края экрана. */\n  offset?: number | string;\n  /**\n   * Задаёт функцию, которая вызывается при клике на фон.\n   */\n  onOutsideClick?: (e: Event) => void;\n}\n\nexport interface SidePageState {\n  stackPosition?: number;\n  hasMargin?: boolean;\n  hasShadow?: boolean;\n  hasBackground?: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const SidePageDataTids = {\n  root: 'SidePage__root',\n  container: 'SidePage__container',\n} as const;\n\ntype DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'offset' | 'role'>>;\n\nconst TRANSITION_TIMEOUT = 200;\n\n/**\n * `SidePage` — это модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера.\n *\n * Используйте его, когда нужно сохранить контекст и показать большое количество данных.\n *\n * Содержит в себе три компоненты: `SidePage.Header`, `SidePage.Body` и `SidePage.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.\n */\n@withRenderEnvironment\n@rootNode\nexport class SidePage extends React.Component<SidePageProps, SidePageState> {\n  public static __KONTUR_REACT_UI__ = 'SidePage';\n  public static displayName = 'SidePage';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static Header = SidePageHeader;\n  public static Body = SidePageBody;\n  public static Footer = SidePageFooter;\n  public static Container = SidePageContainer;\n  public state: SidePageState = {\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 layout: HTMLElement | null = null;\n  private header: SidePageHeader | null = null;\n  private footer: SidePageFooter | null = null;\n  public rootRef = React.createRef<HTMLDivElement>();\n\n  public componentDidMount() {\n    this.globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);\n  }\n\n  public componentDidUpdate(prevProps: SidePageProps) {\n    if (prevProps.blockBackground !== this.props.blockBackground) {\n      ModalStack.rerender(this.globalObject);\n      this.setState({\n        hasBackground: ModalStack.isBlocking(this, this.globalObject),\n      });\n    }\n  }\n\n  public componentWillUnmount() {\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\n  /**\n   * Обновляет разметку компонента.\n   * @public\n   */\n  public updateLayout = (): void => {\n    this.header?.update();\n    this.footer?.update();\n  };\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    offset: 0,\n    role: 'dialog',\n  };\n\n  private getProps = createPropsGetter(SidePage.defaultProps);\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { blockBackground, onOpened } = this.props;\n    const disableAnimations = this.getProps().disableAnimations;\n    return (\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <RenderContainer>\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <ZIndex\n                priority={'Sidepage'}\n                onScroll={LayoutEvents.emit}\n                createStackingContext\n                style={{ position: 'absolute' }}\n              >\n                {!isMobile && blockBackground && this.renderShadow()}\n                <CSSTransition\n                  in\n                  classNames={this.getTransitionNames()}\n                  appear={!disableAnimations}\n                  enter={!disableAnimations}\n                  exit={false}\n                  timeout={{\n                    enter: TRANSITION_TIMEOUT,\n                    exit: TRANSITION_TIMEOUT,\n                  }}\n                  nodeRef={this.rootRef}\n                  onEntered={onOpened}\n                >\n                  {this.renderContainer(isMobile)}\n                </CSSTransition>\n                {isMobile && <HideBodyVerticalScroll />}\n              </ZIndex>\n            </CommonWrapper>\n          </RenderContainer>\n        )}\n      </ResponsiveLayout>\n    );\n  }\n\n  private get isFocusLockDisabled() {\n    const { disableFocusLock } = this.getProps();\n    const { blockBackground } = this.props;\n    if (!blockBackground) {\n      return true;\n    }\n    if (disableFocusLock !== undefined) {\n      return disableFocusLock;\n    }\n    return false;\n  }\n\n  private renderContainer(isMobile: boolean): JSX.Element {\n    const { mobileWidth, blockBackground, fromLeft, 'aria-label': ariaLabel } = this.props;\n    const { offset, role } = this.getProps();\n\n    const widthDesktop = this.props.width || (blockBackground ? 800 : 500);\n    const widthMobile = mobileWidth || '100%';\n    const width = isMobile ? widthMobile : widthDesktop;\n\n    return (\n      <div\n        aria-modal\n        role={role}\n        aria-label={ariaLabel}\n        data-tid={SidePageDataTids.root}\n        className={this.cx({\n          [this.styles.root()]: true,\n        })}\n        ref={this.rootRef}\n        onScroll={LayoutEvents.emit}\n        style={{\n          width,\n          right: fromLeft ? 'auto' : offset,\n          left: fromLeft ? offset : 'auto',\n        }}\n      >\n        <FocusLock disabled={this.isFocusLockDisabled} autoFocus={false} className={this.styles.focusLock()}>\n          <RenderLayer onClickOutside={this.handleClickOutside} active>\n            <div\n              data-tid={SidePageDataTids.container}\n              className={this.cx(this.styles.wrapper(this.theme), {\n                [this.styles.wrapperLeft()]: fromLeft,\n                [this.styles.wrapperMarginLeft()]: this.state.hasMargin && fromLeft,\n                [this.styles.wrapperMarginRight()]: this.state.hasMargin && !fromLeft,\n                [this.styles.shadow(this.theme)]: this.state.hasShadow,\n              })}\n              ref={this.layoutRef}\n            >\n              <SidePageContext.Provider value={this.getSidePageContextProps()}>\n                {this.props.children}\n              </SidePageContext.Provider>\n            </div>\n          </RenderLayer>\n        </FocusLock>\n      </div>\n    );\n  }\n\n  private getSidePageContextProps = (): SidePageContextType => {\n    return {\n      hasHeader: this.state.hasHeader,\n      hasFooter: this.state.hasFooter,\n      hasPanel: this.state.hasPanel,\n      requestClose: this.requestClose,\n      getWidth: this.getWidth,\n      updateLayout: this.updateLayout,\n      headerRef: this.headerRef,\n      footerRef: this.footerRef,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n    };\n  };\n\n  private getWidth = () => {\n    if (!this.layout) {\n      return 'auto';\n    }\n    return this.layout.clientWidth;\n  };\n\n  private renderShadow(): JSX.Element {\n    return (\n      <div className={this.styles.overlay()} onScroll={LayoutEvents.emit}>\n        <HideBodyVerticalScroll key=\"hbvs\" />\n        <div\n          key=\"overlay\"\n          className={this.cx({\n            [this.styles.background()]: true,\n            [this.styles.backgroundGray(this.theme)]: this.state.hasBackground,\n          })}\n        />\n      </div>\n    );\n  }\n\n  private getTransitionNames(): Record<string, string> {\n    const transition = this.props.fromLeft ? this.styles.transitionRight : this.styles.transitionLeft;\n\n    return {\n      enter: transition(),\n      enterActive: this.styles.transitionActive(),\n      exit: this.styles.transitionLeave(),\n      exitActive: this.styles.transitionLeaveActive(),\n      appear: transition(),\n      appearActive: this.styles.transitionActive(),\n    };\n  }\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    const sidePages = stack.filter(\n      (x) => isReactUIInstance<SidePage>(x, 'SidePage') && x.props.fromLeft === this.props.fromLeft,\n    );\n    const currentSidePagePosition = sidePages.indexOf(this);\n\n    const hasMargin = sidePages.length > 1 && currentSidePagePosition === sidePages.length - 1;\n    const hasShadow = sidePages.length < 3 || currentSidePagePosition > sidePages.length - 3;\n    const hasBackground = ModalStack.isBlocking(this, this.globalObject);\n\n    this.setState({\n      stackPosition: stack.indexOf(this),\n      hasMargin,\n      hasShadow,\n      hasBackground,\n    });\n  };\n\n  private handleClickOutside = (e: Event) => {\n    if (this.state.stackPosition === 0 && !(this.props.ignoreBackgroundClick || this.props.ignoreOutsideClick)) {\n      // ignore mousedown on window scrollbar\n      if (\n        isInstanceOf(e, this.globalObject.MouseEvent) &&\n        this.globalObject.document &&\n        e.clientX > this.globalObject.document.documentElement.clientWidth\n      ) {\n        return;\n      }\n      if (this.props.onOutsideClick) {\n        this.props.onOutsideClick(e);\n        if (e.defaultPrevented) {\n          return;\n        }\n      }\n      this.requestClose();\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 requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private headerRef = (ref: SidePageHeader | null) => {\n    this.header = ref;\n  };\n\n  private footerRef = (ref: SidePageFooter | null) => {\n    this.footer = ref;\n  };\n\n  private layoutRef = (ref: HTMLDivElement | null) => {\n    this.layout = ref;\n  };\n\n  private setHasHeader = (hasHeader = true) => {\n    this.state.hasHeader !== hasHeader && this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter = true) => {\n    this.state.hasFooter !== hasFooter && this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel = false) => {\n    this.state.hasPanel !== hasPanel && this.setState({ hasPanel });\n  };\n}\n"]}

package/components/SidePage/SidePage.styles.d.ts

@@ -1,10 +1,49 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    overlay(): string;
-    container(t: ITheme): string;
-    shadow(t: ITheme): string;
-    close(t: ITheme): string;
-    panel(t: ITheme): string;
-    fixed(t: ITheme): string;
-};
-export default jsStyles;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+    overlay(): string;
+    body(t: Theme): string;
+    mobileBody(): string;
+    container(t: Theme): string;
+    mobileContainer(t: Theme): string;
+    containerWithoutHeader(t: Theme): string;
+    mobileContainerWithoutHeader(t: Theme): string;
+    containerWithoutFooter(t: Theme): string;
+    containerWithPanel(t: Theme): string;
+    focusLock(): string;
+    wrapper(t: Theme): string;
+    wrapperLeft(): string;
+    wrapperMarginLeft(): string;
+    wrapperMarginRight(): string;
+    headerWrapper(): string;
+    header(t: Theme): string;
+    mobileHeader(t: Theme): string;
+    headerFixed(t: Theme): string;
+    headerNativeStuck(t: Theme): string;
+    title(t: Theme): string;
+    mobileTitle(t: Theme): string;
+    titleCut(): string;
+    background(): string;
+    backgroundGray(t: Theme): string;
+    shadow(t: Theme): string;
+    close(t: Theme): string;
+    closeSticky(t: Theme): string;
+    closeMobile(t: Theme): string;
+    closeFocus(t: Theme): string;
+    wrapperClose(t: Theme): string;
+    mobileWrapperClose(t: Theme): string;
+    panel(t: Theme): string;
+    wrapperCloseFixed(t: Theme): string;
+    footerWrapper(): string;
+    footer(t: Theme): string;
+    positionStatic(): string;
+    footerContent(t: Theme): string;
+    mobileFooterContent(t: Theme): string;
+    footerFixed(t: Theme): string;
+    panelFixed(t: Theme): string;
+    transitionLeft(): string;
+    transitionRight(): string;
+    transitionActive(): string;
+    transitionLeave(): string;
+    transitionLeaveActive(): string;
+}>;