npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.10 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

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

Files changed (2366) hide show

package/cjs/components/SidePage/SidePage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.SidePageDataTids = exports.SidePage = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageDataTids = exports.SidePage = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
@@ -31,7 +31,7 @@ var _SidePageContainer = require("./SidePageContainer");
 var _SidePageContext = require("./SidePageContext");
 var _SidePageFooter = require("./SidePageFooter");
 var _SidePageHeader = require("./SidePageHeader");
-var _SidePage2 = require("./SidePage.styles");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _SidePage2 = require("./SidePage.styles");
@@ -100,7 +100,7 @@ var TRANSITION_TIMEOUT = 200;
  *
  * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
  */var
-SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function SidePage() {var _this;(0, _classCallCheck2.default)(this, SidePage);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, SidePage, [].concat(args));_this.
+SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function SidePage() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -147,8 +147,8 @@ SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function
      * @public
      */_this.
     updateLayout = function () {var _this$header, _this$footer;
-      (_this$header = _this.header) === null || _this$header === void 0 || _this$header.update();
-      (_this$footer = _this.footer) === null || _this$footer === void 0 || _this$footer.update();
+      (_this$header = _this.header) == null || _this$header.update();
+      (_this$footer = _this.footer) == null || _this$footer.update();
     };_this.
@@ -389,14 +389,14 @@ SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function
       _this.layout = ref;
     };_this.
-    setHasHeader = function () {var hasHeader = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    setHasHeader = function (hasHeader) {if (hasHeader === void 0) {hasHeader = true;}
       _this.state.hasHeader !== hasHeader && _this.setState({ hasHeader: hasHeader });
     };_this.
-    setHasFooter = function () {var hasFooter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    setHasFooter = function (hasFooter) {if (hasFooter === void 0) {hasFooter = true;}
       _this.state.hasFooter !== hasFooter && _this.setState({ hasFooter: hasFooter });
     };_this.
-    setHasPanel = function () {var hasPanel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    setHasPanel = function (hasPanel) {if (hasPanel === void 0) {hasPanel = false;}
       _this.state.hasPanel !== hasPanel && _this.setState({ hasPanel: hasPanel });
-    };return _this;}(0, _inherits2.default)(SidePage, _React$Component);return (0, _createClass2.default)(SidePage, [{ key: "componentDidMount", value: function componentDidMount() {var _globalObject$addEven;(_globalObject$addEven = _globalObject.globalObject.addEventListener) === null || _globalObject$addEven === void 0 || _globalObject$addEven.call(_globalObject.globalObject, 'keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {if (prevProps.blockBackground !== this.props.blockBackground) {_ModalStack.ModalStack.rerender();this.setState({ hasBackground: _ModalStack.ModalStack.isBlocking(this) });}} }, { key: "componentWillUnmount", value: function componentWillUnmount() {var _globalObject$removeE;(_globalObject$removeE = _globalObject.globalObject.removeEventListener) === null || _globalObject$removeE === void 0 || _globalObject$removeE.call(_globalObject.globalObject, 'keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} }, { key: "renderMain", value: function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,onOpened = _this$props.onOpened;var disableAnimations = this.getProps().disableAnimations;var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', onScroll: LayoutEvents.emit, createStackingContext: true, style: { position: 'absolute' } }, (versionGTE5_2 || !isMobile) && blockBackground && _this3.renderShadow(), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef, onEntered: onOpened }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));});} }, { key: "isFocusLockDisabled", get: function get() {var _this$getProps = this.getProps(),disableFocusLock = _this$getProps.disableFocusLock;var blockBackground = this.props.blockBackground;if (!blockBackground) {return true;}if (disableFocusLock !== undefined) {return disableFocusLock;}return false;} }, { key: "renderContainer", value: function renderContainer(isMobile) {var _this$props2 = this.props,mobileWidth = _this$props2.mobileWidth,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,ariaLabel = _this$props2['aria-label'];var _this$getProps2 = this.getProps(),offset = _this$getProps2.offset,role = _this$getProps2.role;var widthDesktop = this.props.width || (blockBackground ? 800 : 500);var widthMobile = this.props.mobileWidth || '100%';var width = isMobile ? widthMobile : widthDesktop;return /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, role: role, "aria-label": ariaLabel, "data-tid": SidePageDataTids.root, className: (0, _Emotion.cx)((0, _defineProperty2.default)({}, _SidePage2.styles.root(), true)), ref: this.rootRef, onScroll: LayoutEvents.emit, style: isMobile && !(0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2') ? { width: mobileWidth || '100%' } : { width: width, right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' } }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.isFocusLockDisabled, autoFocus: false, className: _SidePage2.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageDataTids.container, className: (0, _Emotion.cx)(_SidePage2.styles.wrapper(this.theme), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _SidePage2.styles.wrapperLeft(), fromLeft), _SidePage2.styles.wrapperMarginLeft(), this.state.hasMargin && fromLeft), _SidePage2.styles.wrapperMarginRight(), this.state.hasMargin && !fromLeft), _SidePage2.styles.shadow(this.theme), this.state.hasShadow)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));} }, { key: "renderShadow", value: function renderShadow() {return /*#__PURE__*/_react.default.createElement("div", { className: _SidePage2.styles.overlay(), onScroll: LayoutEvents.emit }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _SidePage2.styles.background(), true), _SidePage2.styles.backgroundGray(this.theme), this.state.hasBackground)) }));} }, { key: "getTransitionNames", value: function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage2.styles.transitionRight : _SidePage2.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage2.styles.transitionActive(), exit: _SidePage2.styles.transitionLeave(), exitActive: _SidePage2.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage2.styles.transitionActive() };} }]);}(_react.default.Component);SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.displayName = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, offset: 0, role: 'dialog' };
+    };return _this;}(0, _inheritsLoose2.default)(SidePage, _React$Component);var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.blockBackground !== this.props.blockBackground) {_ModalStack.ModalStack.rerender();this.setState({ hasBackground: _ModalStack.ModalStack.isBlocking(this) });}};_proto.componentWillUnmount = function componentWillUnmount() {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,onOpened = _this$props.onOpened;var disableAnimations = this.getProps().disableAnimations;var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', onScroll: LayoutEvents.emit, createStackingContext: true, style: { position: 'absolute' } }, (versionGTE5_2 || !isMobile) && blockBackground && _this3.renderShadow(), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef, onEntered: onOpened }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));});};_proto.renderContainer = function renderContainer(isMobile) {var _cx, _cx2;var _this$props2 = this.props,mobileWidth = _this$props2.mobileWidth,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,ariaLabel = _this$props2['aria-label'];var _this$getProps = this.getProps(),offset = _this$getProps.offset,role = _this$getProps.role;var widthDesktop = this.props.width || (blockBackground ? 800 : 500);var widthMobile = this.props.mobileWidth || '100%';var width = isMobile ? widthMobile : widthDesktop;return /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, role: role, "aria-label": ariaLabel, "data-tid": SidePageDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_SidePage2.styles.root()] = true, _cx)), ref: this.rootRef, onScroll: LayoutEvents.emit, style: isMobile && !(0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2') ? { width: mobileWidth || '100%' } : { width: width, right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' } }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.isFocusLockDisabled, autoFocus: false, className: _SidePage2.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageDataTids.container, className: (0, _Emotion.cx)(_SidePage2.styles.wrapper(this.theme), (_cx2 = {}, _cx2[_SidePage2.styles.wrapperLeft()] = fromLeft, _cx2[_SidePage2.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[_SidePage2.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[_SidePage2.styles.shadow(this.theme)] = this.state.hasShadow, _cx2)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));};_proto.renderShadow = function renderShadow() {var _cx3;return /*#__PURE__*/_react.default.createElement("div", { className: _SidePage2.styles.overlay(), onScroll: LayoutEvents.emit }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_SidePage2.styles.background()] = true, _cx3[_SidePage2.styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3)) }));};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage2.styles.transitionRight : _SidePage2.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage2.styles.transitionActive(), exit: _SidePage2.styles.transitionLeave(), exitActive: _SidePage2.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage2.styles.transitionActive() };};return (0, _createClass2.default)(SidePage, [{ key: "isFocusLockDisabled", get: function get() {var _this$getProps2 = this.getProps(),disableFocusLock = _this$getProps2.disableFocusLock;var blockBackground = this.props.blockBackground;if (!blockBackground) {return true;}if (disableFocusLock !== undefined) {return disableFocusLock;}return false;} }]);}(_react.default.Component);SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.displayName = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, offset: 0, role: 'dialog' };

package/cjs/components/SidePage/SidePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_reactFocusLock","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_stopPropagation","_HideBodyVerticalScroll","_ModalStack","_RenderContainer","_RenderLayer","_ZIndex","_ThemeContext","_CommonWrapper","_Emotion","_currentEnvironment","_ResponsiveLayout","_createPropsGetter","_isInstanceOf","_ThemeHelpers","_SidePageBody","_SidePageContainer","_SidePageContext","_SidePageFooter","_SidePageHeader","_SidePage2","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","SidePageDataTids","exports","root","container","TRANSITION_TIMEOUT","SidePage","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","state","hasHeader","hasFooter","hasPanel","stackSubscription","layout","header","footer","rootRef","React","createRef","updateLayout","_this$header","_this$footer","update","getProps","createPropsGetter","defaultProps","getSidePageContextProps","requestClose","getWidth","headerRef","footerRef","setHasHeader","setHasFooter","setHasPanel","clientWidth","handleStackChange","stack","sidePages","filter","x","isReactUIInstance","props","fromLeft","currentSidePagePosition","indexOf","hasMargin","hasShadow","hasBackground","ModalStack","isBlocking","setState","stackPosition","handleClickOutside","ignoreBackgroundClick","isInstanceOf","globalObject","MouseEvent","document","clientX","documentElement","handleKeyDown","isKeyEscape","stopPropagation","disableClose","onClose","ref","layoutRef","undefined","_inherits2","_createClass2","key","value","componentDidMount","_globalObject$addEven","addEventListener","call","add","componentDidUpdate","prevProps","blockBackground","rerender","componentWillUnmount","_globalObject$removeE","removeEventListener","isNonNullable","remove","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this3","_this$props","onOpened","disableAnimations","versionGTE5_2","isThemeGTE","ResponsiveLayout","_ref","isMobile","RenderContainer","CommonWrapper","ZIndex","priority","onScroll","emit","createStackingContext","style","position","renderShadow","CSSTransition","in","classNames","getTransitionNames","appear","enter","exit","timeout","nodeRef","onEntered","renderContainer","HideBodyVerticalScroll","get","_this$getProps","disableFocusLock","_this$props2","mobileWidth","ariaLabel","_this$getProps2","offset","role","widthDesktop","width","widthMobile","className","cx","_defineProperty2","styles","right","left","disabled","isFocusLockDisabled","autoFocus","focusLock","RenderLayer","onClickOutside","active","wrapper","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","shadow","SidePageContext","Provider","children","overlay","background","backgroundGray","transition","transitionRight","transitionLeft","enterActive","transitionActive","transitionLeave","exitActive","transitionLeaveActive","appearActive","Component","__KONTUR_REACT_UI__","displayName","Header","SidePageHeader","Body","SidePageBody","Footer","SidePageFooter","Container","SidePageContainer","isTestEnv"],"sources":["SidePage.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable, isReactUIInstance } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { SidePageBody } from './SidePageBody';\nimport { SidePageContainer } from './SidePageContainer';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\nimport { SidePageFooter } from './SidePageFooter';\nimport { SidePageHeader } from './SidePageHeader';\nimport { styles } from './SidePage.styles';\n\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 ignoreBackgroundClick?: 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\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 /\nexport class SidePage extends React.Component<SidePageProps, SidePageState> {\n public static __KONTUR_REACT_UI__ = 'SidePage';\n public static displayName = 'SidePage';\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 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 globalObject.addEventListener?.('keydown', this.handleKeyDown);\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n }\n\n public componentDidUpdate(prevProps: SidePageProps) {\n if (prevProps.blockBackground !== this.props.blockBackground) {\n ModalStack.rerender();\n this.setState({\n hasBackground: ModalStack.isBlocking(this),\n });\n }\n }\n\n public componentWillUnmount() {\n globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n if (isNonNullable(this.stackSubscription)) {\n this.stackSubscription.remove();\n }\n ModalStack.remove(this);\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 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 const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n return (\n <ResponsiveLayout>\n {({ isMobile }) => (\n <RenderContainer>\n <CommonWrapper {...this.props}>\n <ZIndex\n priority={'Sidepage'}\n onScroll={LayoutEvents.emit}\n createStackingContext\n style={{ position: 'absolute' }}\n >\n {(versionGTE5_2 \|\| !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 = this.props.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={cx({\n [styles.root()]: true,\n })}\n ref={this.rootRef}\n onScroll={LayoutEvents.emit}\n style={\n isMobile && !isThemeGTE(this.theme, '5.2')\n ? {\n width: mobileWidth \|\| '100%',\n }\n : {\n width,\n right: fromLeft ? 'auto' : offset,\n left: fromLeft ? offset : 'auto',\n }\n }\n >\n <FocusLock disabled={this.isFocusLockDisabled} autoFocus={false} className={styles.focusLock()}>\n <RenderLayer onClickOutside={this.handleClickOutside} active>\n <div\n data-tid={SidePageDataTids.container}\n className={cx(styles.wrapper(this.theme), {\n [styles.wrapperLeft()]: fromLeft,\n [styles.wrapperMarginLeft()]: this.state.hasMargin && fromLeft,\n [styles.wrapperMarginRight()]: this.state.hasMargin && !fromLeft,\n [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={styles.overlay()} onScroll={LayoutEvents.emit}>\n <HideBodyVerticalScroll key=\"hbvs\" />\n <div\n key=\"overlay\"\n className={cx({\n [styles.background()]: true,\n [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 ? styles.transitionRight : styles.transitionLeft;\n\n return {\n enter: transition(),\n enterActive: styles.transitionActive(),\n exit: styles.transitionLeave(),\n exitActive: styles.transitionLeaveActive(),\n appear: transition(),\n appearActive: 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);\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) {\n // ignore mousedown on window scrollbar\n if (\n isInstanceOf(e, globalObject.MouseEvent) &&\n globalObject.document &&\n e.clientX > globalObject.document.documentElement.clientWidth\n ) {\n return;\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 stopPropagation(e);\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"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_reactFocusLock","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_stopPropagation","_HideBodyVerticalScroll","_ModalStack","_RenderContainer","_RenderLayer","_ZIndex","_ThemeContext","_CommonWrapper","_Emotion","_currentEnvironment","_ResponsiveLayout","_createPropsGetter","_isInstanceOf","_ThemeHelpers","_SidePageBody","_SidePageContainer","_SidePageContext","_SidePageFooter","_SidePageHeader","_SidePage2","SidePageDataTids","exports","root","container","TRANSITION_TIMEOUT","SidePage","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","hasHeader","hasFooter","hasPanel","stackSubscription","layout","header","footer","rootRef","React","createRef","updateLayout","_this$header","_this$footer","update","getProps","createPropsGetter","defaultProps","getSidePageContextProps","requestClose","getWidth","headerRef","footerRef","setHasHeader","setHasFooter","setHasPanel","clientWidth","handleStackChange","stack","sidePages","filter","x","isReactUIInstance","props","fromLeft","currentSidePagePosition","indexOf","hasMargin","hasShadow","hasBackground","ModalStack","isBlocking","setState","stackPosition","handleClickOutside","e","ignoreBackgroundClick","isInstanceOf","globalObject","MouseEvent","document","clientX","documentElement","handleKeyDown","isKeyEscape","stopPropagation","disableClose","onClose","ref","layoutRef","_inheritsLoose2","default","_proto","prototype","componentDidMount","addEventListener","add","componentDidUpdate","prevProps","blockBackground","rerender","componentWillUnmount","removeEventListener","isNonNullable","remove","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this3","_this$props","onOpened","disableAnimations","versionGTE5_2","isThemeGTE","ResponsiveLayout","_ref","isMobile","RenderContainer","CommonWrapper","ZIndex","priority","onScroll","emit","createStackingContext","style","position","renderShadow","CSSTransition","in","classNames","getTransitionNames","appear","enter","exit","timeout","nodeRef","onEntered","renderContainer","HideBodyVerticalScroll","_cx","_cx2","_this$props2","mobileWidth","ariaLabel","_this$getProps","offset","role","widthDesktop","width","widthMobile","className","cx","styles","right","left","disabled","isFocusLockDisabled","autoFocus","focusLock","RenderLayer","onClickOutside","active","wrapper","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","shadow","SidePageContext","Provider","value","children","_cx3","overlay","key","background","backgroundGray","transition","transitionRight","transitionLeft","enterActive","transitionActive","transitionLeave","exitActive","transitionLeaveActive","appearActive","_createClass2","get","_this$getProps2","disableFocusLock","undefined","Component","__KONTUR_REACT_UI__","displayName","Header","SidePageHeader","Body","SidePageBody","Footer","SidePageFooter","Container","SidePageContainer","isTestEnv"],"sources":["SidePage.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport FocusLock from 'react-focus-lock';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable, isReactUIInstance } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { SidePageBody } from './SidePageBody';\nimport { SidePageContainer } from './SidePageContainer';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\nimport { SidePageFooter } from './SidePageFooter';\nimport { SidePageHeader } from './SidePageHeader';\nimport { styles } from './SidePage.styles';\n\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 ignoreBackgroundClick?: 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\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 /\nexport class SidePage extends React.Component<SidePageProps, SidePageState> {\n public static __KONTUR_REACT_UI__ = 'SidePage';\n public static displayName = 'SidePage';\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 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 globalObject.addEventListener?.('keydown', this.handleKeyDown);\n this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n }\n\n public componentDidUpdate(prevProps: SidePageProps) {\n if (prevProps.blockBackground !== this.props.blockBackground) {\n ModalStack.rerender();\n this.setState({\n hasBackground: ModalStack.isBlocking(this),\n });\n }\n }\n\n public componentWillUnmount() {\n globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n if (isNonNullable(this.stackSubscription)) {\n this.stackSubscription.remove();\n }\n ModalStack.remove(this);\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 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 const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n return (\n <ResponsiveLayout>\n {({ isMobile }) => (\n <RenderContainer>\n <CommonWrapper {...this.props}>\n <ZIndex\n priority={'Sidepage'}\n onScroll={LayoutEvents.emit}\n createStackingContext\n style={{ position: 'absolute' }}\n >\n {(versionGTE5_2 \|\| !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 = this.props.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={cx({\n [styles.root()]: true,\n })}\n ref={this.rootRef}\n onScroll={LayoutEvents.emit}\n style={\n isMobile && !isThemeGTE(this.theme, '5.2')\n ? {\n width: mobileWidth \|\| '100%',\n }\n : {\n width,\n right: fromLeft ? 'auto' : offset,\n left: fromLeft ? offset : 'auto',\n }\n }\n >\n <FocusLock disabled={this.isFocusLockDisabled} autoFocus={false} className={styles.focusLock()}>\n <RenderLayer onClickOutside={this.handleClickOutside} active>\n <div\n data-tid={SidePageDataTids.container}\n className={cx(styles.wrapper(this.theme), {\n [styles.wrapperLeft()]: fromLeft,\n [styles.wrapperMarginLeft()]: this.state.hasMargin && fromLeft,\n [styles.wrapperMarginRight()]: this.state.hasMargin && !fromLeft,\n [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={styles.overlay()} onScroll={LayoutEvents.emit}>\n <HideBodyVerticalScroll key=\"hbvs\" />\n <div\n key=\"overlay\"\n className={cx({\n [styles.background()]: true,\n [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 ? styles.transitionRight : styles.transitionLeft;\n\n return {\n enter: transition(),\n enterActive: styles.transitionActive(),\n exit: styles.transitionLeave(),\n exitActive: styles.transitionLeaveActive(),\n appear: transition(),\n appearActive: 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);\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) {\n // ignore mousedown on window scrollbar\n if (\n isInstanceOf(e, globalObject.MouseEvent) &&\n globalObject.document &&\n e.clientX > globalObject.document.documentElement.clientWidth\n ) {\n return;\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 stopPropagation(e);\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"],"mappings":"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","ignoreList":[]}