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

package/cjs/components/SidePage/SidePageBody.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.SidePageBodyDataTids = exports.SidePageBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageBodyDataTids = exports.SidePageBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -10,7 +10,7 @@ var _rootNode = require("../../lib/rootNode");
 
 var _SidePage = require("./SidePage.styles");
 
-var _SidePageContext = require("./SidePageContext");var _class, _SidePageBody;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 _SidePageContext = require("./SidePageContext");var _class, _SidePageBody;
 
 
 
@@ -26,35 +26,35 @@ var SidePageBodyDataTids = exports.SidePageBodyDataTids = {
  */var
 
 
-SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageBody = /*#__PURE__*/function (_React$Component) {function SidePageBody() {var _this;(0, _classCallCheck2.default)(this, SidePageBody);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, SidePageBody, [].concat(args));_this.
+SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageBody = /*#__PURE__*/function (_React$Component) {function SidePageBody() {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.
 
 
 
 
-    context = _this.context;return _this;}(0, _inherits2.default)(SidePageBody, _React$Component);return (0, _createClass2.default)(SidePageBody, [{ key: "componentDidUpdate", value:
+    context = _this.context;return _this;}(0, _inheritsLoose2.default)(SidePageBody, _React$Component);var _proto = SidePageBody.prototype;_proto.
 
 
 
 
-    function componentDidUpdate() {
-      this.context.updateLayout();
-    } }, { key: "render", value:
+  componentDidUpdate = function componentDidUpdate() {
+    this.context.updateLayout();
+  };_proto.
 
-    function render() {var _this2 = this;
-      return /*#__PURE__*/(
-        _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-        function (theme) {
-          return /*#__PURE__*/(
-            _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
-            _react.default.createElement("div", {
-              "data-tid": SidePageBodyDataTids.root,
-              className: (0, _Emotion.cx)(_SidePage.styles.body(theme), (0, _defineProperty2.default)({}, _SidePage.styles.mobileBody(), _this2.isMobileLayout)) },
+  render = function render() {var _this2 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {var _cx;
+        return /*#__PURE__*/(
+          _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
+          _react.default.createElement("div", {
+            "data-tid": SidePageBodyDataTids.root,
+            className: (0, _Emotion.cx)(_SidePage.styles.body(theme), (_cx = {}, _cx[_SidePage.styles.mobileBody()] = _this2.isMobileLayout, _cx)) },
 
-            _this2.props.children
-            )
-            ));
+          _this2.props.children
+          )
+          ));
 
-        }
-        ));
+      }
+      ));
 
-    } }]);}(_react.default.Component), _SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody', _SidePageBody.displayName = 'SidePageBody', _SidePageBody.contextType = _SidePageContext.SidePageContext, _SidePageBody)) || _class) || _class;
+  };return SidePageBody;}(_react.default.Component), _SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody', _SidePageBody.displayName = 'SidePageBody', _SidePageBody.contextType = _SidePageContext.SidePageContext, _SidePageBody)) || _class) || _class;

package/cjs/components/SidePage/SidePageBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_ThemeContext","_decorator","_Emotion","_rootNode","_SidePage","_SidePageContext","_class","_SidePageBody","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","SidePageBodyDataTids","exports","root","SidePageBody","responsiveLayout","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","context","_inherits2","_createClass2","key","value","componentDidUpdate","updateLayout","render","_this2","createElement","ThemeContext","Consumer","theme","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","styles","body","_defineProperty2","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n  children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n  root: 'SidePageBody__root',\n} as const;\n/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\n  public static displayName = 'SidePageBody';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageBodyDataTids.root}\n                className={cx(styles.body(theme), { [styles.mobileBody()]: this.isMobileLayout })}\n              >\n                {this.props.children}\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_ThemeContext","_decorator","_Emotion","_rootNode","_SidePage","_SidePageContext","_class","_SidePageBody","SidePageBodyDataTids","exports","root","SidePageBody","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","updateLayout","render","_this2","createElement","ThemeContext","Consumer","theme","_cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","styles","body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n  children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n  root: 'SidePageBody__root',\n} as const;\n/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\n  public static displayName = 'SidePageBody';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageBodyDataTids.root}\n                className={cx(styles.body(theme), { [styles.mobileBody()]: this.isMobileLayout })}\n              >\n                {this.props.children}\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n"],"mappings":"iXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;;AAEA,IAAAK,SAAA,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;;AAEA,IAAAO,gBAAA,GAAAP,OAAA,sBAAoD,IAAAQ,MAAA,EAAAC,aAAA;;;;;;AAM7C,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA,GAJA;;;AAOaC,YAAY,GAAAF,OAAA,CAAAE,YAAA,OAFxBC,2BAAgB,EAAAN,MAAA,OAChBO,kBAAQ,EAAAP,MAAA,IAAAC,aAAA,0BAAAO,gBAAA,YAAAH,aAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,QAAAV,KAAA,MAAAW,eAAA,CAAAC,OAAA,EAAAhB,YAAA,EAAAG,gBAAA,MAAAc,MAAA,GAAAjB,YAAA,CAAAkB,SAAA,CAAAD,MAAA;;;;;EAK3CE,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B;IAC1B,IAAI,CAACL,OAAO,CAACM,YAAY,CAAC,CAAC;EAC7B,CAAC,CAAAH,MAAA;;EAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA;IACd;MACErC,MAAA,CAAA+B,OAAA,CAAAO,aAAA,CAAClC,aAAA,CAAAmC,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,GAAA;QACV;UACE1C,MAAA,CAAA+B,OAAA,CAAAO,aAAA,CAACnC,cAAA,CAAAwC,aAAa,MAAAC,SAAA,CAAAb,OAAA,IAACc,WAAW,EAAER,MAAI,CAACS,WAAY,IAAKT,MAAI,CAACU,KAAK;UAC1D/C,MAAA,CAAA+B,OAAA,CAAAO,aAAA;YACE,YAAU1B,oBAAoB,CAACE,IAAK;YACpCkC,SAAS,EAAE,IAAAC,WAAE,EAACC,gBAAM,CAACC,IAAI,CAACV,KAAK,CAAC,GAAAC,GAAA,OAAAA,GAAA,CAAKQ,gBAAM,CAACE,UAAU,CAAC,CAAC,IAAGf,MAAI,CAACgB,cAAc,EAAAX,GAAA,CAAE,CAAE;;UAEjFL,MAAI,CAACU,KAAK,CAACO;UACT;UACQ,CAAC;;MAEpB;MACqB,CAAC;;EAE5B,CAAC,QAAAvC,YAAA,GA/B+BwC,cAAK,CAACC,SAAS,GAAA7C,aAAA,CACjC8C,mBAAmB,GAAG,cAAc,EAAA9C,aAAA,CACpC+C,WAAW,GAAG,cAAc,EAAA/C,aAAA,CAE5BgD,WAAW,GAAGC,gCAAe,EAAAjD,aAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

package/cjs/components/SidePage/SidePageCloseButton.js

@@ -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.SidePageCloseButton = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageCloseButton = void 0;var _react = _interopRequireWildcard(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -19,15 +19,15 @@ var _SidePageContext = require("./SidePageContext");
 
 
 
-var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseButton(_ref) {var isHeaderFixed = _ref.isHeaderFixed,isMobile = _ref.isMobile;
-  var _useState = (0, _react.useState)(false),_useState2 = (0, _slicedToArray2.default)(_useState, 2),isFocusedByTab = _useState2[0],setIsFocusedByTab = _useState2[1];
+var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseButton(_ref) {var _cx;var isHeaderFixed = _ref.isHeaderFixed,isMobile = _ref.isMobile;
+  var _useState = (0, _react.useState)(false),isFocusedByTab = _useState[0],setIsFocusedByTab = _useState[1];
 
   var locale = (0, _useLocaleForControl.useLocaleForControl)('SidePage', _locale.SidePageLocaleHelper);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
   var sidePageContext = (0, _react.useContext)(_SidePageContext.SidePageContext);
 
-  var handleFocus = function handleFocus() {var _globalObject$request;
-    (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {
+  var handleFocus = function handleFocus() {
+    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
       if (_keyListener.keyListener.isTabPressed) {
         setIsFocusedByTab(true);
       }
@@ -42,13 +42,13 @@ var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseBu
   var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
   return /*#__PURE__*/(
     _react.default.createElement("button", {
-      "aria-label": locale === null || locale === void 0 ? void 0 : locale.closeButtonAriaLabel,
-      className: (0, _Emotion.cx)(_SidePage.styles.close(theme), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
-      _SidePage.styles.close5_1(theme), versionGTE5_1),
-      _SidePage.styles.closeFocus(theme), isFocusedByTab && !versionGTE5_1),
-      _SidePage.styles.closeFocus5_1(theme), isFocusedByTab && versionGTE5_1),
-      _SidePage.styles.closeSticky(theme), isHeaderFixed && versionGTE5_1),
-      _SidePage.styles.closeMobile(theme), isMobile && versionGTE5_1)
+      "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
+      className: (0, _Emotion.cx)(_SidePage.styles.close(theme), (_cx = {}, _cx[
+      _SidePage.styles.close5_1(theme)] = versionGTE5_1, _cx[
+      _SidePage.styles.closeFocus(theme)] = isFocusedByTab && !versionGTE5_1, _cx[
+      _SidePage.styles.closeFocus5_1(theme)] = isFocusedByTab && versionGTE5_1, _cx[
+      _SidePage.styles.closeSticky(theme)] = isHeaderFixed && versionGTE5_1, _cx[
+      _SidePage.styles.closeMobile(theme)] = isMobile && versionGTE5_1, _cx)
       ),
       onFocus: handleFocus,
       onBlur: handleBlur,

package/cjs/components/SidePage/SidePageCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_ThemeContext","_useLocaleForControl","_XIcon20Regular","_Emotion","_keyListener","_ThemeHelpers","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","isHeaderFixed","isMobile","_useState","useState","_useState2","_slicedToArray2","default","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","theme","useContext","ThemeContext","sidePageContext","SidePageContext","handleFocus","_globalObject$request","globalObject","requestAnimationFrame","call","keyListener","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","closeButtonAriaLabel","className","cx","styles","close","_defineProperty2","close5_1","closeFocus","closeFocus5_1","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n  isHeaderFixed: boolean;\n  isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.close5_1(theme)]: versionGTE5_1,\n        [styles.closeFocus(theme)]: isFocusedByTab && !versionGTE5_1,\n        [styles.closeFocus5_1(theme)]: isFocusedByTab && versionGTE5_1,\n        [styles.closeSticky(theme)]: isHeaderFixed && versionGTE5_1,\n        [styles.closeMobile(theme)]: isMobile && versionGTE5_1,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_ThemeContext","_useLocaleForControl","_XIcon20Regular","_Emotion","_keyListener","_ThemeHelpers","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","_cx","isHeaderFixed","isMobile","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","theme","useContext","ThemeContext","sidePageContext","SidePageContext","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","default","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","closeButtonAriaLabel","className","cx","styles","close","close5_1","closeFocus","closeFocus5_1","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n  isHeaderFixed: boolean;\n  isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.close5_1(theme)]: versionGTE5_1,\n        [styles.closeFocus(theme)]: isFocusedByTab && !versionGTE5_1,\n        [styles.closeFocus5_1(theme)]: isFocusedByTab && versionGTE5_1,\n        [styles.closeSticky(theme)]: isHeaderFixed && versionGTE5_1,\n        [styles.closeMobile(theme)]: isMobile && versionGTE5_1,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/SidePage/SidePageContainer.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.SidePageContainerDataTids = exports.SidePageContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageContainerDataTids = exports.SidePageContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
@@ -10,7 +10,7 @@ var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 
 var _SidePage = require("./SidePage.styles");
-var _SidePageContext = require("./SidePageContext");var _class, _SidePageContainer;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 _SidePageContext = require("./SidePageContext");var _class, _SidePageContainer;
 
 
 
@@ -25,7 +25,7 @@ var SidePageContainerDataTids = exports.SidePageContainerDataTids = {
  */var
 
 
-SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageContainer = /*#__PURE__*/function (_React$Component) {function SidePageContainer() {(0, _classCallCheck2.default)(this, SidePageContainer);return _callSuper(this, SidePageContainer, arguments);}(0, _inherits2.default)(SidePageContainer, _React$Component);return (0, _createClass2.default)(SidePageContainer, [{ key: "render", value:
+SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageContainer = /*#__PURE__*/function (_React$Component) {function SidePageContainer() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(SidePageContainer, _React$Component);var _proto = SidePageContainer.prototype;_proto.
 
 
 
@@ -34,37 +34,37 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
 
 
 
-    function render() {var _this = this;
-      return /*#__PURE__*/(
-        _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-        function (theme) {
-          _this.theme = theme;
-          return _this.renderMain();
-        }
-        ));
+  render = function render() {var _this = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
+      }
+      ));
 
-    } }, { key: "renderMain", value:
+  };_proto.
 
-    function renderMain() {var _this2 = this;
-      return /*#__PURE__*/(
-        _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
-        function (_ref) {var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
-            _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
-            _react.default.createElement("div", {
-              "data-tid": SidePageContainerDataTids.root,
-              className: (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
-              _SidePage.styles.container(_this2.theme), true),
-              _SidePage.styles.containerWithoutHeader(_this2.theme), !hasHeader),
-              _SidePage.styles.containerWithoutFooter(_this2.theme), !hasFooter),
-              _SidePage.styles.containerWithPanel(_this2.theme), hasPanel),
-              _SidePage.styles.mobileContainer(_this2.theme), _this2.isMobileLayout),
-              _SidePage.styles.mobileContainerWithoutHeader(_this2.theme), _this2.isMobileLayout && !hasHeader)
-              ) },
+  renderMain = function renderMain() {var _this2 = this;
+    return /*#__PURE__*/(
+      _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
+      function (_ref) {var _cx;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
+          _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
+          _react.default.createElement("div", {
+            "data-tid": SidePageContainerDataTids.root,
+            className: (0, _Emotion.cx)((_cx = {}, _cx[
+            _SidePage.styles.container(_this2.theme)] = true, _cx[
+            _SidePage.styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _cx[
+            _SidePage.styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _cx[
+            _SidePage.styles.containerWithPanel(_this2.theme)] = hasPanel, _cx[
+            _SidePage.styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _cx[
+            _SidePage.styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _cx)
+            ) },
 
-            _this2.props.children
-            )
-            ));}
+          _this2.props.children
+          )
+          ));}
 
-        ));
+      ));
 
-    } }]);}(_react.default.Component), _SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer', _SidePageContainer.displayName = 'SidePageContainer', _SidePageContainer)) || _class) || _class;
+  };return SidePageContainer;}(_react.default.Component), _SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer', _SidePageContainer.displayName = 'SidePageContainer', _SidePageContainer)) || _class) || _class;

package/cjs/components/SidePage/SidePageContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_SidePage","_SidePageContext","_class","_SidePageContainer","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","_defineProperty2","styles","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n  root: 'SidePageContainer__root',\n} as const;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n  public static displayName = 'SidePageContainer';\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    return (\n      <SidePageContext.Consumer>\n        {({ hasHeader, hasFooter, hasPanel }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <div\n              data-tid={SidePageContainerDataTids.root}\n              className={cx({\n                [styles.container(this.theme)]: true,\n                [styles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [styles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [styles.containerWithPanel(this.theme)]: hasPanel,\n                [styles.mobileContainer(this.theme)]: this.isMobileLayout,\n                [styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_SidePage","_SidePageContext","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","_cx","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","styles","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n  root: 'SidePageContainer__root',\n} as const;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n  public static displayName = 'SidePageContainer';\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    return (\n      <SidePageContext.Consumer>\n        {({ hasHeader, hasFooter, hasPanel }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <div\n              data-tid={SidePageContainerDataTids.root}\n              className={cx({\n                [styles.container(this.theme)]: true,\n                [styles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [styles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [styles.containerWithPanel(this.theme)]: hasPanel,\n                [styles.mobileContainer(this.theme)]: this.isMobileLayout,\n                [styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/SidePage/SidePageContext.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.SidePageContext = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageContext = void 0;var _react = _interopRequireDefault(require("react"));
 
 
 

package/cjs/components/SidePage/SidePageContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","SidePageContext","exports","React","createContext","requestClose","undefined","getWidth","updateLayout","headerRef","footerRef","displayName"],"sources":["SidePageContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { SidePageFooter } from './SidePageFooter';\nimport type { SidePageHeader } from './SidePageHeader';\n\nexport interface SidePageContextType {\n  requestClose: () => void;\n  getWidth: () => number | string;\n  updateLayout: () => void;\n  headerRef: (ref: SidePageHeader | null) => void;\n  footerRef: (ref: SidePageFooter | null) => void;\n  hasHeader?: boolean;\n  hasFooter?: boolean;\n  hasPanel?: boolean;\n  setHasHeader?: (value?: boolean) => void;\n  setHasFooter?: (value?: boolean) => void;\n  setHasPanel?: (value?: boolean) => void;\n}\n\nexport const SidePageContext = React.createContext<SidePageContextType>({\n  requestClose: () => undefined,\n  getWidth: () => 'auto',\n  updateLayout: () => undefined,\n  headerRef: () => undefined,\n  footerRef: () => undefined,\n});\n\nSidePageContext.displayName = 'SidePageContext';\n"],"mappings":"yMAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;AAmBO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAGE,cAAK,CAACC,aAAa,CAAsB;EACtEC,YAAY,EAAE,SAAAA,aAAA,UAAMC,SAAS;EAC7BC,QAAQ,EAAE,SAAAA,SAAA,UAAM,MAAM;EACtBC,YAAY,EAAE,SAAAA,aAAA,UAAMF,SAAS;EAC7BG,SAAS,EAAE,SAAAA,UAAA,UAAMH,SAAS;EAC1BI,SAAS,EAAE,SAAAA,UAAA,UAAMJ,SAAS;AAC5B,CAAC,CAAC;;AAEFL,eAAe,CAACU,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","SidePageContext","exports","React","createContext","requestClose","undefined","getWidth","updateLayout","headerRef","footerRef","displayName"],"sources":["SidePageContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { SidePageFooter } from './SidePageFooter';\nimport type { SidePageHeader } from './SidePageHeader';\n\nexport interface SidePageContextType {\n  requestClose: () => void;\n  getWidth: () => number | string;\n  updateLayout: () => void;\n  headerRef: (ref: SidePageHeader | null) => void;\n  footerRef: (ref: SidePageFooter | null) => void;\n  hasHeader?: boolean;\n  hasFooter?: boolean;\n  hasPanel?: boolean;\n  setHasHeader?: (value?: boolean) => void;\n  setHasFooter?: (value?: boolean) => void;\n  setHasPanel?: (value?: boolean) => void;\n}\n\nexport const SidePageContext = React.createContext<SidePageContextType>({\n  requestClose: () => undefined,\n  getWidth: () => 'auto',\n  updateLayout: () => undefined,\n  headerRef: () => undefined,\n  footerRef: () => undefined,\n});\n\nSidePageContext.displayName = 'SidePageContext';\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;AAmBO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAGE,cAAK,CAACC,aAAa,CAAsB;EACtEC,YAAY,EAAE,SAAAA,aAAA,UAAMC,SAAS;EAC7BC,QAAQ,EAAE,SAAAA,SAAA,UAAM,MAAM;EACtBC,YAAY,EAAE,SAAAA,aAAA,UAAMF,SAAS;EAC7BG,SAAS,EAAE,SAAAA,UAAA,UAAMH,SAAS;EAC1BI,SAAS,EAAE,SAAAA,UAAA,UAAMJ,SAAS;AAC5B,CAAC,CAAC;;AAEFL,eAAe,CAACU,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/cjs/components/SidePage/SidePageFooter.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.SidePageFooterDataTids = exports.SidePageFooter = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageFooterDataTids = exports.SidePageFooter = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -17,7 +17,7 @@ var _ModalSeparator = require("../Modal/ModalSeparator");
 
 var _SidePage = require("./SidePage.styles");
 
-var _SidePageContext = require("./SidePageContext");var _class, _SidePageFooter;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 _SidePageContext = require("./SidePageContext");var _class, _SidePageFooter;
 
 
 
@@ -48,7 +48,7 @@ var SidePageFooterDataTids = exports.SidePageFooterDataTids = {
  */var
 
 
-SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageFooter = /*#__PURE__*/function (_React$Component) {function SidePageFooter() {var _this;(0, _classCallCheck2.default)(this, SidePageFooter);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, SidePageFooter, [].concat(args));_this.
+SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageFooter = /*#__PURE__*/function (_React$Component) {function SidePageFooter() {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.
 
 
 
@@ -174,11 +174,11 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
         var fixed = wrapperRect.top > contentRect.top;
         _this.setState({ fixed: fixed });
       }
-    };return _this;}(0, _inherits2.default)(SidePageFooter, _React$Component);return (0, _createClass2.default)(SidePageFooter, [{ key: "componentDidMount", value: function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);(_this$context$setHasF = (_this$context = this.context).setHasFooter) === null || _this$context$setHasF === void 0 || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) === null || _this$context$setHasP === void 0 || _this$context$setHasP.call(_this$context2, this.props.panel);} }, { key: "componentDidUpdate", value: function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) === null || _this$context$setHasP2 === void 0 ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));} }, { key: "componentWillUnmount", value: function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) === null || _this$context$setHasF2 === void 0 || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) === null || _this$context$setHasP3 === void 0 || _this$context$setHasP3.call(_this$context5, false);} }, { key: "getSticky", value: function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;} }, { 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 separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: _SidePage.styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footer(_this3.theme), (0, _defineProperty2.default)({}, _SidePage.styles.positionStatic(), !_this3.getSticky())), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footerContent(_this3.theme), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _SidePage.styles.footerFixed(_this3.theme), _this3.state.fixed), _SidePage.styles.panel(_this3.theme), !!_this3.props.panel), _SidePage.styles.panelFixed(_this3.theme), !!_this3.props.panel && _this3.state.fixed), _SidePage.styles.mobileFooterContent(_this3.theme), _this3.isMobileLayout)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));} }, { key: "getContentHeight", value:
-
-    function getContentHeight() {
-      if (!this.content) {
-        return 'auto';
-      }
-      return (0, _getDOMRect.getDOMRect)(this.content).height;
-    } }]);}(_react.default.Component), _SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter', _SidePageFooter.displayName = 'SidePageFooter', _SidePageFooter.contextType = _SidePageContext.SidePageContext, _SidePageFooter)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);(_this$context$setHasF = (_this$context = this.context).setHasFooter) == null || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) == null || _this$context$setHasP.call(_this$context2, this.props.panel);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) == null ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));};_proto.componentWillUnmount = function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) == null || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) == null || _this$context$setHasP3.call(_this$context5, false);};_proto.getSticky = function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_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 separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: _SidePage.styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var _cx, _cx2;var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footer(_this3.theme), (_cx = {}, _cx[_SidePage.styles.positionStatic()] = !_this3.getSticky(), _cx)), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footerContent(_this3.theme), (_cx2 = {}, _cx2[_SidePage.styles.footerFixed(_this3.theme)] = _this3.state.fixed, _cx2[_SidePage.styles.panel(_this3.theme)] = !!_this3.props.panel, _cx2[_SidePage.styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _cx2[_SidePage.styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _cx2)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));};_proto.
+
+  getContentHeight = function getContentHeight() {
+    if (!this.content) {
+      return 'auto';
+    }
+    return (0, _getDOMRect.getDOMRect)(this.content).height;
+  };return SidePageFooter;}(_react.default.Component), _SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter', _SidePageFooter.displayName = 'SidePageFooter', _SidePageFooter.contextType = _SidePageContext.SidePageContext, _SidePageFooter)) || _class) || _class;

package/cjs/components/SidePage/SidePageFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","LayoutEvents","_interopRequireWildcard","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_Gapped","_utils","_ModalSeparator","_SidePage","_SidePageContext","_class","_SidePageFooter","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","SidePageFooterDataTids","exports","root","SidePageFooter","responsiveLayout","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","getRootNode","wrapperRect","getDOMRect","contentRect","top","setState","_inherits2","_createClass2","key","value","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","setHasFooter","call","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this3","separator","ModalSeparator","CommonWrapper","_extends2","rootNodeRef","setRootNode","style","height","getContentHeight","className","styles","footerWrapper","SidePageContext","_ref","getWidth","cx","footer","_defineProperty2","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","isNonNullable","gap","Gapped","vertical","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\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 { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу сайдпейджа. */\n  sticky?: boolean;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n  fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n  root: 'SidePageFooter__root',\n} as const;\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n  public static displayName = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n\n  public state: SidePageFooterState = {\n    fixed: false,\n  };\n\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update);\n    this.context.setHasFooter?.();\n    this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n    this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\n    this.context.setHasFooter?.(false);\n    this.context.setHasPanel?.(false);\n  }\n\n  public getSticky() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\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  public update = () => {\n    this.setProperStyles();\n  };\n\n  private renderMain() {\n    const separator: React.ReactNode = (this.props.panel || this.state.fixed) && (\n      <ModalSeparator fixed={this.state.fixed} />\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageFooterDataTids.root}\n          style={{ height: this.getContentHeight() }}\n          className={styles.footerWrapper()}\n        >\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={cx(styles.footer(this.theme), {\n                  [styles.positionStatic()]: !this.getSticky(),\n                })}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                {separator}\n                <div\n                  className={cx(styles.footerContent(this.theme), {\n                    [styles.footerFixed(this.theme)]: this.state.fixed,\n                    [styles.panel(this.theme)]: !!this.props.panel,\n                    [styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n                    [styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n                  })}\n                  ref={this.refContent}\n                >\n                  {isNonNullable(this.props.gap) ? (\n                    <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n                      {this.props.children}\n                    </Gapped>\n                  ) : (\n                    this.props.children\n                  )}\n                </div>\n              </div>\n            )}\n          </SidePageContext.Consumer>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.content = node;\n  };\n\n  private setProperStyles = () => {\n    const wrapper = getRootNode(this);\n    if (wrapper && this.content) {\n      const wrapperRect = getDOMRect(wrapper);\n      const contentRect = getDOMRect(this.content);\n      const fixed = wrapperRect.top > contentRect.top;\n      this.setState({ fixed });\n    }\n  };\n\n  private getContentHeight() {\n    if (!this.content) {\n      return 'auto';\n    }\n    return getDOMRect(this.content).height;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","LayoutEvents","_interopRequireWildcard","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_Gapped","_utils","_ModalSeparator","_SidePage","_SidePageContext","_class","_SidePageFooter","SidePageFooterDataTids","exports","root","SidePageFooter","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","getRootNode","wrapperRect","getDOMRect","contentRect","top","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","setHasFooter","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this3","separator","ModalSeparator","CommonWrapper","_extends2","rootNodeRef","setRootNode","style","height","getContentHeight","className","styles","footerWrapper","SidePageContext","_ref","_cx","_cx2","getWidth","cx","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","isNonNullable","gap","Gapped","vertical","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\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 { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу сайдпейджа. */\n  sticky?: boolean;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n  fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n  root: 'SidePageFooter__root',\n} as const;\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n  public static displayName = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n\n  public state: SidePageFooterState = {\n    fixed: false,\n  };\n\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update);\n    this.context.setHasFooter?.();\n    this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n    this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\n    this.context.setHasFooter?.(false);\n    this.context.setHasPanel?.(false);\n  }\n\n  public getSticky() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\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  public update = () => {\n    this.setProperStyles();\n  };\n\n  private renderMain() {\n    const separator: React.ReactNode = (this.props.panel || this.state.fixed) && (\n      <ModalSeparator fixed={this.state.fixed} />\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageFooterDataTids.root}\n          style={{ height: this.getContentHeight() }}\n          className={styles.footerWrapper()}\n        >\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={cx(styles.footer(this.theme), {\n                  [styles.positionStatic()]: !this.getSticky(),\n                })}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                {separator}\n                <div\n                  className={cx(styles.footerContent(this.theme), {\n                    [styles.footerFixed(this.theme)]: this.state.fixed,\n                    [styles.panel(this.theme)]: !!this.props.panel,\n                    [styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n                    [styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n                  })}\n                  ref={this.refContent}\n                >\n                  {isNonNullable(this.props.gap) ? (\n                    <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n                      {this.props.children}\n                    </Gapped>\n                  ) : (\n                    this.props.children\n                  )}\n                </div>\n              </div>\n            )}\n          </SidePageContext.Consumer>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.content = node;\n  };\n\n  private setProperStyles = () => {\n    const wrapper = getRootNode(this);\n    if (wrapper && this.content) {\n      const wrapperRect = getDOMRect(wrapper);\n      const contentRect = getDOMRect(this.content);\n      const fixed = wrapperRect.top > contentRect.top;\n      this.setState({ fixed });\n    }\n  };\n\n  private getContentHeight() {\n    if (!this.content) {\n      return 'auto';\n    }\n    return getDOMRect(this.content).height;\n  }\n}\n"],"mappings":"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","ignoreList":[]}