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

package/components/SidePage/SidePageContainer/SidePageContainer.js

@@ -1,6 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _SidePageContainer;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
@@ -20,38 +29,41 @@ export var SidePageContainerDataTids = {
  */
 export var SidePageContainer = responsiveLayout(_class = rootNode(_class = (_SidePageContainer = /*#__PURE__*/function (_React$Component) {
   function SidePageContainer() {
-    return _React$Component.apply(this, arguments) || this;
+    _classCallCheck(this, SidePageContainer);
+    return _callSuper(this, SidePageContainer, arguments);
   }
-  _inheritsLoose(SidePageContainer, _React$Component);
-  var _proto = SidePageContainer.prototype;
-  _proto.render = function render() {
-    var _this = this;
-    return /*#__PURE__*/(
-      React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      })
-    );
-  };
-  _proto.renderMain = function renderMain() {
-    var _this2 = this;
-    return /*#__PURE__*/(
-      React.createElement(SidePageContext.Consumer, null, function (_ref) {
-        var _cx;
-        var hasHeader = _ref.hasHeader,
-          hasFooter = _ref.hasFooter,
-          hasPanel = _ref.hasPanel;
-        return /*#__PURE__*/(
-          React.createElement(CommonWrapper, _extends({
-            rootNodeRef: _this2.setRootNode
-          }, _this2.props), /*#__PURE__*/
-          React.createElement("div", {
-            "data-tid": SidePageContainerDataTids.root,
-            className: cx((_cx = {}, _cx[styles.container(_this2.theme)] = true, _cx[styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _cx[styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _cx[styles.containerWithPanel(_this2.theme)] = hasPanel, _cx[styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _cx[styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _cx))
-          }, _this2.props.children))
-        );
-      })
-    );
-  };
-  return SidePageContainer;
+  _inherits(SidePageContainer, _React$Component);
+  return _createClass(SidePageContainer, [{
+    key: "render",
+    value: function render() {
+      var _this = this;
+      return /*#__PURE__*/(
+        React.createElement(ThemeContext.Consumer, null, function (theme) {
+          _this.theme = theme;
+          return _this.renderMain();
+        })
+      );
+    }
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this2 = this;
+      return /*#__PURE__*/(
+        React.createElement(SidePageContext.Consumer, null, function (_ref) {
+          var hasHeader = _ref.hasHeader,
+            hasFooter = _ref.hasFooter,
+            hasPanel = _ref.hasPanel;
+          return /*#__PURE__*/(
+            React.createElement(CommonWrapper, _extends({
+              rootNodeRef: _this2.setRootNode
+            }, _this2.props), /*#__PURE__*/
+            React.createElement("div", {
+              "data-tid": SidePageContainerDataTids.root,
+              className: cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.container(_this2.theme), true), styles.containerWithoutHeader(_this2.theme), !hasHeader), styles.containerWithoutFooter(_this2.theme), !hasFooter), styles.containerWithPanel(_this2.theme), hasPanel), styles.mobileContainer(_this2.theme), _this2.isMobileLayout), styles.mobileContainerWithoutHeader(_this2.theme), _this2.isMobileLayout && !hasHeader))
+            }, _this2.props.children))
+          );
+        })
+      );
+    }
+  }]);
 }(React.Component), _SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer', _SidePageContainer.displayName = 'SidePageContainer', _SidePageContainer)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","CommonWrapper","cx","responsiveLayout","rootNode","styles","SidePageContext","SidePageContainerDataTids","root","SidePageContainer","_class","_SidePageContainer","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_this2","_ref","_cx","hasHeader","hasFooter","hasPanel","_extends","rootNodeRef","setRootNode","props","className","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","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":"+JAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,gBAAgB,QAAQ,+BAA+B;;AAEhE,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,eAAe,QAAQ,mBAAmB;;;;AAInD,OAAO,IAAMC,yBAAyB,GAAG;EACvCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;;AAEaC,iBAAiB,GAF7BN,gBAAgB,CAAAO,MAAA,GAChBN,QAAQ,CAAAM,MAAA,IAAAC,kBAAA,0BAAAC,gBAAA,YAAAH,kBAAA,UAAAG,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,iBAAA,EAAAG,gBAAA,MAAAI,MAAA,GAAAP,iBAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;;;;;;EAUAE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEpB,KAAA,CAAAqB,aAAA,CAACpB,YAAY,CAACqB,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEMO,UAAU,GAAjB,SAAAA,WAAA,EAAoB,KAAAC,MAAA;IAClB;MACEzB,KAAA,CAAAqB,aAAA,CAACd,eAAe,CAACe,QAAQ;MACtB,UAAAI,IAAA,OAAAC,GAAA,KAAGC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;UAChC9B,KAAA,CAAAqB,aAAA,CAACnB,aAAa,EAAA6B,QAAA,GAACC,WAAW,EAAEP,MAAI,CAACQ,WAAY,IAAKR,MAAI,CAACS,KAAK;UAC1DlC,KAAA,CAAAqB,aAAA;YACE,YAAUb,yBAAyB,CAACC,IAAK;YACzC0B,SAAS,EAAEhC,EAAE,EAAAwB,GAAA,OAAAA,GAAA;YACVrB,MAAM,CAAC8B,SAAS,CAACX,MAAI,CAACF,KAAK,CAAC,IAAG,IAAI,EAAAI,GAAA;YACnCrB,MAAM,CAAC+B,sBAAsB,CAACZ,MAAI,CAACF,KAAK,CAAC,IAAG,CAACK,SAAS,EAAAD,GAAA;YACtDrB,MAAM,CAACgC,sBAAsB,CAACb,MAAI,CAACF,KAAK,CAAC,IAAG,CAACM,SAAS,EAAAF,GAAA;YACtDrB,MAAM,CAACiC,kBAAkB,CAACd,MAAI,CAACF,KAAK,CAAC,IAAGO,QAAQ,EAAAH,GAAA;YAChDrB,MAAM,CAACkC,eAAe,CAACf,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,CAACgB,cAAc,EAAAd,GAAA;YACxDrB,MAAM,CAACoC,4BAA4B,CAACjB,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,CAACgB,cAAc,IAAI,CAACb,SAAS,EAAAD,GAAA;YACrF,CAAE;;UAEFF,MAAI,CAACS,KAAK,CAACS;UACT;UACQ,CAAC;;MAEM,CAAC;;EAE/B,CAAC,QAAAjC,iBAAA,GA1CoCV,KAAK,CAAC4C,SAAS,GAAAhC,kBAAA,CACtCiC,mBAAmB,GAAG,mBAAmB,EAAAjC,kBAAA,CACzCkC,WAAW,GAAG,mBAAmB,EAAAlC,kBAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","CommonWrapper","cx","responsiveLayout","rootNode","styles","SidePageContext","SidePageContainerDataTids","root","SidePageContainer","_class","_SidePageContainer","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_this","createElement","Consumer","theme","renderMain","_this2","_ref","hasHeader","hasFooter","hasPanel","_extends","rootNodeRef","setRootNode","props","className","_defineProperty","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","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":"kzBAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,gBAAgB,QAAQ,+BAA+B;;AAEhE,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,eAAe,QAAQ,mBAAmB;;;;AAInD,OAAO,IAAMC,yBAAyB,GAAG;EACvCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;;AAEaC,iBAAiB,GAF7BN,gBAAgB,CAAAO,MAAA,GAChBN,QAAQ,CAAAM,MAAA,IAAAC,kBAAA,0BAAAC,gBAAA,YAAAH,kBAAA,GAAAI,eAAA,OAAAJ,iBAAA,SAAAK,UAAA,OAAAL,iBAAA,EAAAM,SAAA,GAAAC,SAAA,CAAAP,iBAAA,EAAAG,gBAAA,SAAAK,YAAA,CAAAR,iBAAA,KAAAS,GAAA,YAAAC,KAAA;;;;;;;;;IAUP,SAAAC,OAAA,EAAgB,KAAAC,KAAA;MACd;QACEtB,KAAA,CAAAuB,aAAA,CAACtB,YAAY,CAACuB,QAAQ;QACnB,UAACC,KAAK,EAAK;UACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;UAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;QAC1B;QACqB,CAAC;;IAE5B,CAAC,MAAAP,GAAA,gBAAAC,KAAA;;IAED,SAAAM,WAAA,EAAoB,KAAAC,MAAA;MAClB;QACE3B,KAAA,CAAAuB,aAAA,CAAChB,eAAe,CAACiB,QAAQ;QACtB,UAAAI,IAAA,OAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS,CAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;YAChC/B,KAAA,CAAAuB,aAAA,CAACrB,aAAa,EAAA8B,QAAA,GAACC,WAAW,EAAEN,MAAI,CAACO,WAAY,IAAKP,MAAI,CAACQ,KAAK;YAC1DnC,KAAA,CAAAuB,aAAA;cACE,YAAUf,yBAAyB,CAACC,IAAK;cACzC2B,SAAS,EAAEjC,EAAE,CAAAkC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA;cACV/B,MAAM,CAACgC,SAAS,CAACX,MAAI,CAACF,KAAK,CAAC,EAAG,IAAI;cACnCnB,MAAM,CAACiC,sBAAsB,CAACZ,MAAI,CAACF,KAAK,CAAC,EAAG,CAACI,SAAS;cACtDvB,MAAM,CAACkC,sBAAsB,CAACb,MAAI,CAACF,KAAK,CAAC,EAAG,CAACK,SAAS;cACtDxB,MAAM,CAACmC,kBAAkB,CAACd,MAAI,CAACF,KAAK,CAAC,EAAGM,QAAQ;cAChDzB,MAAM,CAACoC,eAAe,CAACf,MAAI,CAACF,KAAK,CAAC,EAAGE,MAAI,CAACgB,cAAc;cACxDrC,MAAM,CAACsC,4BAA4B,CAACjB,MAAI,CAACF,KAAK,CAAC,EAAGE,MAAI,CAACgB,cAAc,IAAI,CAACd,SAAS;cACrF,CAAE;;YAEFF,MAAI,CAACQ,KAAK,CAACU;YACT;YACQ,CAAC;;QAEM,CAAC;;IAE/B,CAAC,OA1CoC7C,KAAK,CAAC8C,SAAS,GAAAlC,kBAAA,CACtCmC,mBAAmB,GAAG,mBAAmB,EAAAnC,kBAAA,CACzCoC,WAAW,GAAG,mBAAmB,EAAApC,kBAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

package/components/SidePage/SidePageFooter/SidePageFooter.js

@@ -1,6 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _SidePageFooter;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -26,10 +35,11 @@ export var SidePageFooterDataTids = {
 export var SidePageFooter = responsiveLayout(_class = rootNode(_class = (_SidePageFooter = /*#__PURE__*/function (_React$Component) {
   function SidePageFooter() {
     var _this;
+    _classCallCheck(this, SidePageFooter);
     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 = _callSuper(this, SidePageFooter, [].concat(args));
     _this.context = _this.context;
     _this.state = {
       fixed: false
@@ -55,80 +65,92 @@ export var SidePageFooter = responsiveLayout(_class = rootNode(_class = (_SidePa
     };
     return _this;
   }
-  _inheritsLoose(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();
+  _inherits(SidePageFooter, _React$Component);
+  return _createClass(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);
     }
-    (_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;
+  }, {
+    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));
     }
-    if (this.isMobileLayout) {
-      return false;
+  }, {
+    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;
     }
-    return true;
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(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.createElement(ModalSeparator, {
-      fixed: this.state.fixed
-    });
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement("div", {
-      "data-tid": SidePageFooterDataTids.root,
-      style: {
-        height: this.getContentHeight()
-      },
-      className: styles.footerWrapper()
-    }, /*#__PURE__*/React.createElement(SidePageContext.Consumer, null, function (_ref) {
-      var _cx, _cx2;
-      var getWidth = _ref.getWidth;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cx(styles.footer(_this3.theme), (_cx = {}, _cx[styles.positionStatic()] = !_this3.getSticky(), _cx)),
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(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.createElement(ModalSeparator, {
+        fixed: this.state.fixed
+      });
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props), /*#__PURE__*/React.createElement("div", {
+        "data-tid": SidePageFooterDataTids.root,
         style: {
-          width: getWidth()
-        }
-      }, separator, /*#__PURE__*/React.createElement("div", {
-        className: cx(styles.footerContent(_this3.theme), (_cx2 = {}, _cx2[styles.footerFixed(_this3.theme)] = _this3.state.fixed, _cx2[styles.panel(_this3.theme)] = !!_this3.props.panel, _cx2[styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _cx2[styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _cx2)),
-        ref: _this3.refContent
-      }, isNonNullable(_this3.props.gap) ? /*#__PURE__*/React.createElement(Gapped, {
-        vertical: _this3.isMobileLayout,
-        gap: _this3.props.gap
-      }, _this3.props.children) : _this3.props.children));
-    })));
-  };
-  _proto.getContentHeight = function getContentHeight() {
-    if (!this.content) {
-      return 'auto';
+          height: this.getContentHeight()
+        },
+        className: styles.footerWrapper()
+      }, /*#__PURE__*/React.createElement(SidePageContext.Consumer, null, function (_ref) {
+        var getWidth = _ref.getWidth;
+        return /*#__PURE__*/React.createElement("div", {
+          className: cx(styles.footer(_this3.theme), _defineProperty({}, styles.positionStatic(), !_this3.getSticky())),
+          style: {
+            width: getWidth()
+          }
+        }, separator, /*#__PURE__*/React.createElement("div", {
+          className: cx(styles.footerContent(_this3.theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.footerFixed(_this3.theme), _this3.state.fixed), styles.panel(_this3.theme), !!_this3.props.panel), styles.panelFixed(_this3.theme), !!_this3.props.panel && _this3.state.fixed), styles.mobileFooterContent(_this3.theme), _this3.isMobileLayout)),
+          ref: _this3.refContent
+        }, isNonNullable(_this3.props.gap) ? /*#__PURE__*/React.createElement(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 getDOMRect(this.content).height;
     }
-    return getDOMRect(this.content).height;
-  };
-  return SidePageFooter;
+  }]);
 }(React.Component), _SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter', _SidePageFooter.displayName = 'SidePageFooter', _SidePageFooter.contextType = SidePageContext, _SidePageFooter)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","LayoutEvents","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","Gapped","isNonNullable","ModalSeparator","styles","SidePageContext","SidePageFooterDataTids","root","SidePageFooter","_class","_SidePageFooter","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","wrapperRect","contentRect","top","setState","_inheritsLoose","_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","Consumer","theme","renderMain","_this3","separator","_extends","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","_ref","_cx","_cx2","getWidth","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","gap","vertical","children","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","LayoutEvents","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","Gapped","isNonNullable","ModalSeparator","styles","SidePageContext","SidePageFooterDataTids","root","SidePageFooter","_class","_SidePageFooter","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","wrapperRect","contentRect","top","setState","_inherits","_createClass","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","Consumer","theme","renderMain","_this3","separator","_extends","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","_ref","getWidth","footer","_defineProperty","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","gap","vertical","children","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":[]}

package/components/SidePage/SidePageHeader/SidePageHeader.js

@@ -1,7 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _class, _SidePageHeader;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import throttle from 'lodash.throttle';
 import { Sticky } from "../../Sticky";
@@ -31,10 +40,11 @@ export var SidePageHeaderDataTids = {
 export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePageHeader = /*#__PURE__*/function (_React$Component) {
   function SidePageHeader() {
     var _this;
+    _classCallCheck(this, SidePageHeader);
     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 = _callSuper(this, SidePageHeader, [].concat(args));
     _this.context = _this.context;
     _this.state = {
       isNativeStuck: true,
@@ -44,15 +54,15 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
     _this.sticky = null;
     _this.lastRegularHeight = 0;
     _this.componentDidMount = function () {
-      var _getRootNode;
-      (_getRootNode = getRootNode(_this)) == null || (_getRootNode = _getRootNode.parentNode) == null || _getRootNode.addEventListener == null || _getRootNode.addEventListener('scroll', _this.throttleHandleScroll, true);
-      _this.context.setHasHeader == null || _this.context.setHasHeader();
+      var _getRootNode, _getRootNode$addEvent, _this$context$setHasH, _this$context;
+      (_getRootNode = getRootNode(_this)) === null || _getRootNode === void 0 || (_getRootNode = _getRootNode.parentNode) === null || _getRootNode === void 0 || (_getRootNode$addEvent = _getRootNode.addEventListener) === null || _getRootNode$addEvent === void 0 || _getRootNode$addEvent.call(_getRootNode, 'scroll', _this.throttleHandleScroll, true);
+      (_this$context$setHasH = (_this$context = _this.context).setHasHeader) === null || _this$context$setHasH === void 0 || _this$context$setHasH.call(_this$context);
       _this.context.headerRef(_this);
     };
     _this.componentWillUnmount = function () {
-      var _getRootNode2;
-      (_getRootNode2 = getRootNode(_this)) == null || (_getRootNode2 = _getRootNode2.parentNode) == null || _getRootNode2.removeEventListener == null || _getRootNode2.removeEventListener('scroll', _this.throttleHandleScroll, true);
-      _this.context.setHasHeader == null || _this.context.setHasHeader(false);
+      var _getRootNode2, _getRootNode2$removeE, _this$context$setHasH2, _this$context2;
+      (_getRootNode2 = getRootNode(_this)) === null || _getRootNode2 === void 0 || (_getRootNode2 = _getRootNode2.parentNode) === null || _getRootNode2 === void 0 || (_getRootNode2$removeE = _getRootNode2.removeEventListener) === null || _getRootNode2$removeE === void 0 || _getRootNode2$removeE.call(_getRootNode2, 'scroll', _this.throttleHandleScroll, true);
+      (_this$context$setHasH2 = (_this$context2 = _this.context).setHasHeader) === null || _this$context$setHasH2 === void 0 || _this$context$setHasH2.call(_this$context2, false);
       _this.context.headerRef(null);
     };
     _this.throttleHandleScroll = throttle(function (event) {
@@ -66,36 +76,33 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
     }, 5);
     _this.update = function () {
       var _this$sticky;
-      (_this$sticky = _this.sticky) == null || _this$sticky.reflow();
+      (_this$sticky = _this.sticky) === null || _this$sticky === void 0 || _this$sticky.reflow();
       if (!_this.featureFlags.sidePageDisableHeaderShrink) {
         _this.updateReadyToStuck();
       }
     };
-    _this.renderHeader = function (fixed) {
-      var _cx, _this$props$cutTitleO, _cx2;
-      if (fixed === void 0) {
-        fixed = false;
-      }
+    _this.renderHeader = function () {
+      var _this$props$cutTitleO;
+      var fixed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var isDisplayed = _this.props.hasSeparator || fixed;
       return /*#__PURE__*/(
         React.createElement("div", null, /*#__PURE__*/
         React.createElement("div", {
-          className: cx(styles.header(_this.theme), (_cx = {}, _cx[styles.headerFixed(_this.theme)] = fixed, _cx[styles.headerShrink(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _cx[styles.mobileHeader(_this.theme)] = _this.isMobileLayout, _cx))
+          className: cx(styles.header(_this.theme), _defineProperty(_defineProperty(_defineProperty({}, styles.headerFixed(_this.theme), fixed), styles.headerShrink(_this.theme), fixed && !_this.featureFlags.sidePageDisableHeaderShrink), styles.mobileHeader(_this.theme), _this.isMobileLayout))
         }, _this.renderClose(fixed), /*#__PURE__*/
         React.createElement("div", {
-          className: cx(styles.title(_this.theme), (_cx2 = {}, _cx2[styles.title5_1(_this.theme)] = isThemeGTE(_this.theme, '5.1'), _cx2[styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _cx2[styles.titleCut()] = fixed && ((_this$props$cutTitleO = _this.props.cutTitleOnStuck) != null ? _this$props$cutTitleO : !_this.featureFlags.sidePageNotCutTitleOnStuckByDefault), _cx2))
+          className: cx(styles.title(_this.theme), _defineProperty(_defineProperty(_defineProperty({}, styles.title5_1(_this.theme), isThemeGTE(_this.theme, '5.1')), styles.mobileTitle(_this.theme), _this.isMobileLayout), styles.titleCut(), fixed && ((_this$props$cutTitleO = _this.props.cutTitleOnStuck) !== null && _this$props$cutTitleO !== void 0 ? _this$props$cutTitleO : !_this.featureFlags.sidePageNotCutTitleOnStuckByDefault)))
         }, isFunction(_this.props.children) ? _this.props.children(fixed) : _this.props.children)), isDisplayed && /*#__PURE__*/React.createElement(ModalSeparator, {
           fixed: fixed
         }))
       );
     };
     _this.renderClose = function (fixed) {
-      var _cx3;
       var stickyOffset = parseInt(_this.theme.sidePageHeaderStickyOffset);
       var versionGTE5_1 = isThemeGTE(_this.theme, '5.1');
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx(styles.wrapperClose(_this.theme), (_cx3 = {}, _cx3[styles.wrapperClose5_1(_this.theme)] = versionGTE5_1, _cx3[styles.wrapperCloseFixed(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _cx3[styles.wrapperCloseFixed5_1(_this.theme)] = fixed && versionGTE5_1 && !_this.featureFlags.sidePageDisableHeaderShrink, _cx3[styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3[styles.mobileWrapperClose5_1(_this.theme)] = _this.isMobileLayout && versionGTE5_1, _cx3))
+          className: cx(styles.wrapperClose(_this.theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.wrapperClose5_1(_this.theme), versionGTE5_1), styles.wrapperCloseFixed(_this.theme), fixed && !_this.featureFlags.sidePageDisableHeaderShrink), styles.wrapperCloseFixed5_1(_this.theme), fixed && versionGTE5_1 && !_this.featureFlags.sidePageDisableHeaderShrink), styles.mobileWrapperClose(_this.theme), _this.isMobileLayout), styles.mobileWrapperClose5_1(_this.theme), _this.isMobileLayout && versionGTE5_1))
         }, !(_this.isMobileLayout || _this.featureFlags.sidePageDisableHeaderShrink) ? /*#__PURE__*/
         React.createElement(Sticky, {
           side: "top",
@@ -116,7 +123,7 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
         var wrapperScrolledUp = getDOMRect(_this.wrapper).top;
         var isReadyToStuck = _this.regularHeight + wrapperScrolledUp <= _this.fixedHeaderHeight;
         _this.setState(function (state) {
-          return state.isReadyToStuck !== isReadyToStuck ? _extends({}, state, {
+          return state.isReadyToStuck !== isReadyToStuck ? _objectSpread(_objectSpread({}, state), {}, {
             isReadyToStuck: isReadyToStuck
           }) : state;
         });
@@ -130,52 +137,7 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
     };
     return _this;
   }
-  _inheritsLoose(SidePageHeader, _React$Component);
-  var _proto = SidePageHeader.prototype;
-  _proto.render = function render() {
-    var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-  _proto.getStickyProp = function getStickyProp() {
-    if (typeof this.props.sticky !== 'undefined') {
-      return this.props.sticky;
-    }
-    if (this.isMobileLayout) {
-      return false;
-    }
-    return true;
-  };
-  _proto.renderMain = function renderMain() {
-    var _this3 = this;
-    var isReadyToStuck = this.state.isReadyToStuck;
-    var isStickyDesktop = !this.isMobileLayout && this.getStickyProp();
-    var isStickyMobile = this.isMobileLayout && this.getStickyProp();
-    var header = this.renderHeader;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      var _cx4;
-      _this3.featureFlags = getFullReactUIFlagsContext(flags);
-      if (!_this3.featureFlags.sidePageDisableHeaderShrink) {
-        isStickyDesktop = isStickyDesktop && isReadyToStuck;
-      }
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this3.setRootNode
-      }, _this3.props), /*#__PURE__*/React.createElement("div", {
-        "data-tid": SidePageHeaderDataTids.root,
-        ref: _this3.wrapperRef,
-        className: cx(styles.headerWrapper(), (_cx4 = {}, _cx4[styles.headerNativeStuck(_this3.theme)] = _this3.state.isNativeStuck, _cx4))
-      }, /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Provider, {
-        value: {
-          stickyReduceLayoutEvents: true
-        }
-      }, !_this3.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? /*#__PURE__*/React.createElement(Sticky, {
-        ref: _this3.stickyRef,
-        side: "top"
-      }, header) : header())));
-    });
-  };
+  _inherits(SidePageHeader, _React$Component);
   return _createClass(SidePageHeader, [{
     key: "regularHeight",
     get: function get() {
@@ -194,6 +156,55 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
       var theme = this.theme;
       return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;
     }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
+      });
+    }
+  }, {
+    key: "getStickyProp",
+    value: function getStickyProp() {
+      if (typeof this.props.sticky !== 'undefined') {
+        return this.props.sticky;
+      }
+      if (this.isMobileLayout) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this3 = this;
+      var isReadyToStuck = this.state.isReadyToStuck;
+      var isStickyDesktop = !this.isMobileLayout && this.getStickyProp();
+      var isStickyMobile = this.isMobileLayout && this.getStickyProp();
+      var header = this.renderHeader;
+      return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+        _this3.featureFlags = getFullReactUIFlagsContext(flags);
+        if (!_this3.featureFlags.sidePageDisableHeaderShrink) {
+          isStickyDesktop = isStickyDesktop && isReadyToStuck;
+        }
+        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this3.setRootNode
+        }, _this3.props), /*#__PURE__*/React.createElement("div", {
+          "data-tid": SidePageHeaderDataTids.root,
+          ref: _this3.wrapperRef,
+          className: cx(styles.headerWrapper(), _defineProperty({}, styles.headerNativeStuck(_this3.theme), _this3.state.isNativeStuck))
+        }, /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Provider, {
+          value: {
+            stickyReduceLayoutEvents: true
+          }
+        }, !_this3.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? /*#__PURE__*/React.createElement(Sticky, {
+          ref: _this3.stickyRef,
+          side: "top"
+        }, header) : header())));
+      });
+    }
   }]);
 }(React.Component), _SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader', _SidePageHeader.displayName = 'SidePageHeader', _SidePageHeader.contextType = SidePageContext, _SidePageHeader.defaultProps = {
   hasSeparator: false