@skbkontur/react-ui 0.0.0-4cd450ed1e → 0.0.0-4da47ece08

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePage.styles.ts"],"names":["styles","root","css","overlay","body","container","t","sidePagePaddingLeft","sidePagePaddingRight","containerWithoutHeader","sidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","wrapper","sidePageBgDefault","layout","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","headerFixed","sidePageBorderColor","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseIconSize","titleFixed","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","leftSide","close","sidePageCloseButtonColor","sidePageCloseButtonClickArea","sidePageCloseButtonHoverColor","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","closeIcon","fixed","footer","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","footerFixed","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive","jsStyles"],"mappings":"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","sourcesContent":["import { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\nimport { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      height: 100%;\r\n      position: fixed;\r\n      right: 0;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  overlay() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n    `;\r\n  },\r\n\r\n  body() {\r\n    return css`\r\n      height: 100%;\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      padding-left: ${t.sidePagePaddingLeft};\r\n      padding-right: ${t.sidePagePaddingRight};\r\n    `;\r\n  },\r\n\r\n  containerWithoutHeader(t: Theme) {\r\n    return css`\r\n      padding-top: ${is8pxTheme(t) ? t.sidePagePaddingTop : 0} !important;\r\n    `;\r\n  },\r\n\r\n  containerWithoutFooter(t: Theme) {\r\n    return css`\r\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\r\n    `;\r\n  },\r\n\r\n  containerWithPanel(t: Theme) {\r\n    return css`\r\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      float: right;\r\n      height: 100%;\r\n      width: 100%;\r\n      overflow-y: auto;\r\n      position: relative;\r\n      white-space: normal;\r\n    `;\r\n  },\r\n\r\n  layout() {\r\n    return css`\r\n      align-items: stretch;\r\n      display: flex;\r\n      flex-direction: column;\r\n    `;\r\n  },\r\n\r\n  header(t: Theme) {\r\n    return css`\r\n      font-size: ${t.sidePageHeaderFontSize};\r\n      line-height: ${t.sidePageHeaderLineHeight};\r\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\r\n      width: 100%;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  headerFixed(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      box-shadow: 0 1px ${t.sidePageBorderColor};\r\n      font-size: ${t.sidePageHeaderFixedFontSize};\r\n      line-height: ${t.sidePageHeaderFixedLineHeight};\r\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\r\n    `;\r\n  },\r\n\r\n  title(t: Theme) {\r\n    const paddingRight =\r\n      parseInt(t.sidePageCloseButtonPadding) +\r\n      parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +\r\n      parseInt(t.sidePageCloseIconSize);\r\n    return css`\r\n      padding-left: ${t.sidePagePaddingLeft};\r\n      padding-right: ${paddingRight}px;\r\n    `;\r\n  },\r\n\r\n  titleFixed() {\r\n    return css`\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  background() {\r\n    return css`\r\n      height: 100%;\r\n      position: absolute;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  backgroundGray(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBackingBg};\r\n      opacity: ${t.sidePageBackingBgOpacity};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.wrapper(t))}& {\r\n        box-shadow: ${t.sidePageContainerShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  leftSide(t: Theme) {\r\n    return css`\r\n      left: 0;\r\n      right: auto;\r\n\r\n      & ${cssName(styles.wrapper(t))} {\r\n        float: left;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.sidePageCloseButtonColor};\r\n      cursor: pointer;\r\n      position: absolute;\r\n      right: ${t.sidePageCloseButtonPadding};\r\n      text-align: center;\r\n      text-decoration: none;\r\n      width: ${t.sidePageCloseIconSize};\r\n      padding: ${t.sidePageCloseButtonClickArea};\r\n      margin: -${t.sidePageCloseButtonClickArea};\r\n\r\n      &:hover {\r\n        color: ${t.sidePageCloseButtonHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  panel(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageFooterPanelBg} !important;\r\n      border-top: 0 !important;\r\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\r\n        ${t.sidePagePaddingLeft};\r\n    `;\r\n  },\r\n\r\n  closeIcon(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      height: ${t.sidePageCloseIconSize};\r\n      width: ${t.sidePageCloseIconSize};\r\n      line-height: 0;\r\n    `;\r\n  },\r\n\r\n  fixed(t: Theme) {\r\n    return css`\r\n      line-height: ${t.sidePageHeaderFixedLineHeight};\r\n    `;\r\n  },\r\n\r\n  footer() {\r\n    return css`\r\n      bottom: 0;\r\n      position: fixed;\r\n      z-index: 10;\r\n    `;\r\n  },\r\n\r\n  footerContent(t: Theme) {\r\n    return css`\r\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\r\n        ${t.sidePagePaddingLeft};\r\n    `;\r\n  },\r\n\r\n  footerFixed(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      border-top: 1px solid ${t.sidePageBorderColor};\r\n    `;\r\n  },\r\n\r\n  transitionLeft() {\r\n    return css`\r\n      transform: translateX(100px);\r\n    `;\r\n  },\r\n\r\n  transitionRight() {\r\n    return css`\r\n      transform: translateX(-100px);\r\n    `;\r\n  },\r\n\r\n  transitionActive() {\r\n    return css`\r\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      opacity: 1;\r\n      transform: translate(0, 0) !important;\r\n    `;\r\n  },\r\n\r\n  transitionLeave() {\r\n    return css`\r\n      opacity: 1;\r\n    `;\r\n  },\r\n\r\n  transitionLeaveActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["SidePage.styles.ts"],"names":["styles","root","css","mobileRoot","overlay","body","t","modalBodyTextColor","mobileBody","container","sidePagePaddingLeft","sidePagePaddingRight","mobileContainer","mobileSidePagePaddingLeft","mobileSidePagePaddingRight","mobileSidePagePaddingBottom","containerWithoutHeader","sidePagePaddingTop","mobileContainerWithoutHeader","mobileSidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","focusLock","wrapper","sidePageBgDefault","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","headerWrapper","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","sidePageHeaderTextColor","sidePageHeaderFontWeight","mobileHeader","mobileSidePageHeaderFontSize","mobileSidePageHeaderLineHeight","mobileSidePageHeaderPaddingTop","mobileSidePageHeaderPaddingBottom","headerFixed","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","sidePageFixedHeaderShadow","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseIconSize","mobileTitle","mobileSidePageCloseButtonPadding","titleFixed","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","close","sidePageCloseButtonColor","sidePageCloseButtonClickArea","sidePageCloseButtonHoverColor","mobileClose","mobileSidePageCloseButtonClickArea","closeFocus","borderColorFocus","wrapperClose","mobileWrapperClose","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","wrapperCloseFixed","footerWrapper","footer","sidePageFooterTextColor","positionStatic","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","mobileFooterContent","mobileSidePageFooterPadding","footerFixed","sidePageFixedFooterShadow","panelFixed","sidePageFixedPanelShadow","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      position: fixed;\n      top: 0;\n    `;\n  },\n\n  mobileRoot() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  overlay() {\n    return css`\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody() {\n    return css`\n      font-size: 16px;\n      line-height: 22px;\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${t.sidePagePaddingRight};\n    `;\n  },\n\n  mobileContainer(t: Theme) {\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${t.mobileSidePagePaddingRight};\n      padding-bottom: ${t.mobileSidePagePaddingBottom};\n    `;\n  },\n\n  containerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.sidePagePaddingTop};\n    `;\n  },\n\n  mobileContainerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileSidePagePaddingTop};\n    `;\n  },\n\n  containerWithoutFooter(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  containerWithPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  focusLock() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  wrapperLeft() {\n    return css`\n      float: left;\n    `;\n  },\n\n  wrapperMarginLeft() {\n    return css`\n      margin-left: 20px;\n    `;\n  },\n\n  wrapperMarginRight() {\n    return css`\n      margin-right: 20px;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.sidePageHeaderFontSize};\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      width: 100%;\n      position: relative;\n      color: ${t.sidePageHeaderTextColor};\n      font-weight: ${t.sidePageHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      font-size: ${t.mobileSidePageHeaderFontSize};\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n    `;\n  },\n\n  headerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      font-size: ${t.sidePageHeaderFixedFontSize};\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedHeaderShadow};\n      }\n    `;\n  },\n\n  title(t: Theme) {\n    const paddingRight =\n      parseInt(t.sidePageCloseButtonPadding) +\n      parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +\n      parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  mobileTitle(t: Theme) {\n    const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  titleFixed() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  background() {\n    return css`\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  backgroundGray(t: Theme) {\n    return css`\n      background: ${t.sidePageBackingBg};\n      opacity: ${t.sidePageBackingBgOpacity};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.sidePageContainerShadow};\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      cursor: pointer;\n      color: ${t.sidePageCloseButtonColor};\n      padding: ${t.sidePageCloseButtonClickArea};\n      margin: -${t.sidePageCloseButtonClickArea};\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ${t.sidePageCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.sidePageCloseIconSize};\n        height: ${t.sidePageCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  mobileClose(t: Theme) {\n    return css`\n      padding: ${t.mobileSidePageCloseButtonClickArea};\n      margin: -${t.mobileSidePageCloseButtonClickArea};\n      font-size: 0;\n    `;\n  },\n\n  closeFocus(t: Theme) {\n    return css`\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  wrapperClose(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      position: absolute;\n      right: ${t.sidePageCloseButtonPadding};\n      top: 0;\n    `;\n  },\n\n  mobileWrapperClose(t: Theme) {\n    return css`\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n      right: ${t.mobileSidePageCloseButtonPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      background: ${t.sidePageFooterPanelBg};\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  wrapperCloseFixed(t: Theme) {\n    return css`\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ${t.sidePageFooterTextColor};\n    `;\n  },\n\n  positionStatic() {\n    return css`\n      position: static;\n    `;\n  },\n\n  footerContent(t: Theme) {\n    return css`\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  mobileFooterContent(t: Theme) {\n    return css`\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ${t.mobileSidePageFooterPadding};\n    `;\n  },\n\n  footerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedFooterShadow};\n      }\n    `;\n  },\n\n  panelFixed(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.sidePageFixedPanelShadow};\n      }\n    `;\n  },\n\n  transitionLeft() {\n    return css`\n      transform: translateX(100px);\n    `;\n  },\n\n  transitionRight() {\n    return css`\n      transform: translateX(-100px);\n    `;\n  },\n\n  transitionActive() {\n    return css`\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    `;\n  },\n\n  transitionLeave() {\n    return css`\n      opacity: 1;\n    `;\n  },\n\n  transitionLeaveActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"]}

package/cjs/components/SidePage/SidePageBody.d.ts

@@ -4,6 +4,9 @@ import { SidePageContextType } from './SidePageContext';
 export interface SidePageBodyProps extends CommonProps {
     children?: React.ReactNode;
 }
+export declare const SidePageBodyDataTids: {
+    readonly root: "SidePageBody__root";
+};
 /**
  * Тело для сайдпейджа
  *
@@ -11,8 +14,11 @@ export interface SidePageBodyProps extends CommonProps {
  */
 export declare class SidePageBody extends React.Component<SidePageBodyProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static contextType: React.Context<SidePageContextType>;
     context: SidePageContextType;
+    private isMobileLayout;
+    private setRootNode;
     componentDidUpdate(): void;
     render(): JSX.Element;
 }

package/cjs/components/SidePage/SidePageBody.js

@@ -1,32 +1,56 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SidePageBody = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));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");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _decorator = require("../ResponsiveLayout/decorator");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
 
 var _SidePage = require("./SidePage.styles");
-var _SidePageContext = require("./SidePageContext");
+var _SidePageContext = require("./SidePageContext");var _class, _class2, _temp;
 
 
 
 
-/**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
- */var
-SidePageBody = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageBody, _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.
+
+var SidePageBodyDataTids = {
+  root: 'SidePageBody__root' };
+
+/**
+ * Тело для сайдпейджа
+ *
+ * @visibleName SidePage.Body
+ */exports.SidePageBodyDataTids = SidePageBodyDataTids;var
+
+
+SidePageBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageBody, _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;}var _proto = SidePageBody.prototype;_proto.
 
+
+
   componentDidUpdate = function componentDidUpdate() {
     this.context.updateLayout();
   };_proto.
 
-  render = function render() {
+  render = function render() {var _this2 = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/
-      _react.default.createElement("div", { className: _SidePage.jsStyles.body() }, this.props.children)));
+      _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)));
+
+
+
+      }));
 
 
-  };return SidePageBody;}(_react.default.Component);exports.SidePageBody = SidePageBody;SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody';SidePageBody.contextType = _SidePageContext.SidePageContext;
+  };return SidePageBody;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SidePageBody', _class2.displayName = 'SidePageBody', _class2.contextType = _SidePageContext.SidePageContext, _temp)) || _class) || _class;exports.SidePageBody = SidePageBody;

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageBody.tsx"],"names":["SidePageBody","context","componentDidUpdate","updateLayout","render","props","jsStyles","body","children","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext"],"mappings":"wPAAA;;AAEA;;AAEA;AACA;;;;;AAKA;AACA;AACA;AACA;AACA,G;AACaA,Y;;;;AAIJC,IAAAA,O,GAA+B,MAAKA,O;;AAEpCC,EAAAA,kB,GAAP,8BAA4B;AAC1B,SAAKD,OAAL,CAAaE,YAAb;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,4BAAD,EAAmB,KAAKC,KAAxB;AACE,4CAAK,SAAS,EAAEC,mBAASC,IAAT,EAAhB,IAAkC,KAAKF,KAAL,CAAWG,QAA7C,CADF,CADF;;;AAKD,G,uBAhB+BC,eAAMC,S,sCAA3BV,Y,CACGW,mB,GAAsB,c,CADzBX,Y,CAGGY,W,GAAcC,gC","sourcesContent":["import React from 'react';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\r\n\r\nexport interface SidePageBodyProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n}\r\n/**\r\n * Тело для сайдпейджа\r\n *\r\n * @visibleName SidePage.Body\r\n */\r\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\r\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\r\n\r\n  public static contextType = SidePageContext;\r\n  public context: SidePageContextType = this.context;\r\n\r\n  public componentDidUpdate() {\r\n    this.context.updateLayout();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div className={jsStyles.body()}>{this.props.children}</div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["SidePageBody.tsx"],"names":["SidePageBodyDataTids","root","SidePageBody","responsiveLayout","rootNode","context","componentDidUpdate","updateLayout","render","theme","setRootNode","props","styles","body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"mappings":"iXAAA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA,oD;;;;;;AAMO,IAAMA,oBAAoB,GAAG;AAClCC,EAAAA,IAAI,EAAE,oBAD4B,EAA7B;;AAGP;AACA;AACA;AACA;AACA,G;;;AAGaC,Y,OAFZC,2B,eACAC,kB;;;;;AAMQC,IAAAA,O,GAA+B,MAAKA,O;;;;AAIpCC,EAAAA,kB,GAAP,8BAA4B;AAC1B,SAAKD,OAAL,CAAaE,YAAb;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV;AACE,uCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,CAACC,KAAvD;AACE;AACE,wBAAUX,oBAAoB,CAACC,IADjC;AAEE,YAAA,SAAS,EAAE,iBAAGW,iBAAOC,IAAP,CAAYJ,KAAZ,CAAH,iBAA0BG,iBAAOE,UAAP,EAA1B,IAAgD,MAAI,CAACC,cAArD,OAFb;;AAIG,UAAA,MAAI,CAACJ,KAAL,CAAWK,QAJd,CADF,CADF;;;;AAUD,OAZH,CADF;;;AAgBD,G,uBA9B+BC,eAAMC,S,WACxBC,mB,GAAsB,c,UACtBC,W,GAAc,c,UAEdC,W,GAAcC,gC","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } 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  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"]}

package/cjs/components/SidePage/SidePageCloseButton.d.ts

@@ -0,0 +1,5 @@
+export declare const SidePageCloseButton: {
+    (): JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};

package/cjs/components/SidePage/SidePageCloseButton.js

@@ -0,0 +1,51 @@
+"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");
+var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
+var _CrossIcon = require("../../internal/icons/CrossIcon");
+var _Emotion = require("../../lib/theming/Emotion");
+var _keyListener = require("../../lib/events/keyListener");
+
+var _SidePage = require("./SidePage.styles");
+var _locale = require("./locale");
+var _SidePageHeader = require("./SidePageHeader");
+var _SidePageContext = require("./SidePageContext");
+
+var SidePageCloseButton = function SidePageCloseButton() {var _cx;
+  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() {
+    _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(function () {
+      if (_keyListener.keyListener.isTabPressed) {
+        setIsFocusedByTab(true);
+      }
+    });
+  };
+
+  var handleBlur = function handleBlur() {
+    setIsFocusedByTab(false);
+  };
+
+  return /*#__PURE__*/(
+    _react.default.createElement("button", {
+      "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
+      className: (0, _Emotion.cx)(_SidePage.styles.close(theme), (_cx = {}, _cx[
+      _SidePage.styles.closeFocus(theme)] = isFocusedByTab, _cx)),
+
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onClick: sidePageContext.requestClose,
+      "data-tid": _SidePageHeader.SidePageHeaderDataTids.close }, /*#__PURE__*/
+
+    _react.default.createElement(_CrossIcon.CrossIcon, null)));
+
+
+};exports.SidePageCloseButton = SidePageCloseButton;
+
+SidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';
+SidePageCloseButton.displayName = 'SidePageCloseButton';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SidePageCloseButton.tsx"],"names":["SidePageCloseButton","isFocusedByTab","setIsFocusedByTab","locale","SidePageLocaleHelper","theme","ThemeContext","sidePageContext","SidePageContext","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","closeButtonAriaLabel","styles","close","closeFocus","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"mappings":"2KAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,kBAA4C,qBAAS,KAAT,CAA5C,CAAOC,cAAP,gBAAuBC,iBAAvB;;AAEA,MAAMC,MAAM,GAAG,8CAAoB,UAApB,EAAgCC,4BAAhC,CAAf;AACA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA,MAAMC,eAAe,GAAG,uBAAWC,gCAAX,CAAxB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBC,+BAAaC,qBAAb,+CAAaA,qBAAb,CAAqC,YAAM;AACzC,UAAIC,yBAAYC,YAAhB,EAA8B;AAC5BX,QAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;AACF,KAJD;AAKD,GAND;;AAQA,MAAMY,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBZ,IAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD,GAFD;;AAIA;AACE;AACE,oBAAYC,MAAZ,oBAAYA,MAAM,CAAEY,oBADtB;AAEE,MAAA,SAAS,EAAE,iBAAGC,iBAAOC,KAAP,CAAaZ,KAAb,CAAH;AACRW,uBAAOE,UAAP,CAAkBb,KAAlB,CADQ,IACmBJ,cADnB,OAFb;;AAKE,MAAA,OAAO,EAAEQ,WALX;AAME,MAAA,MAAM,EAAEK,UANV;AAOE,MAAA,OAAO,EAAEP,eAAe,CAACY,YAP3B;AAQE,kBAAUC,uCAAuBH,KARnC;;AAUE,iCAAC,oBAAD,OAVF,CADF;;;AAcD,CAjCM,C;;AAmCPjB,mBAAmB,CAACqB,mBAApB,GAA0C,qBAA1C;AACArB,mBAAmB,CAACsB,WAApB,GAAkC,qBAAlC","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 { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport const SidePageCloseButton = () => {\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  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.closeFocus(theme)]: isFocusedByTab,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      <CrossIcon />\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"]}

package/cjs/components/SidePage/SidePageContainer.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type SidePageContainerProps = CommonProps;
+export declare const SidePageContainerDataTids: {
+    readonly root: "SidePageContainer__root";
+};
 /**
  * Контейнер с отступами
  *
@@ -8,7 +11,10 @@ export declare type SidePageContainerProps = CommonProps;
  */
 export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private theme;
+    private isMobileLayout;
+    private setRootNode;
     render(): JSX.Element;
     renderMain(): JSX.Element;
 }

package/cjs/components/SidePage/SidePageContainer.js

@@ -1,53 +1,67 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SidePageContainer = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+"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");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 
+var _Emotion = require("../../lib/theming/Emotion");
+var _decorator = require("../ResponsiveLayout/decorator");
+var _rootNode = require("../../lib/rootNode");
 
 var _SidePage = require("./SidePage.styles");
-var _SidePageContext = require("./SidePageContext");
+var _SidePageContext = require("./SidePageContext");var _class, _class2, _temp;
 
 
 
-/**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
- */var
-SidePageContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageContainer, _React$Component);function SidePageContainer() {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.
+var SidePageContainerDataTids = {
+  root: 'SidePageContainer__root' };
 
 
-    theme = void 0;return _this;}var _proto = SidePageContainer.prototype;_proto.
+/**
+ * Контейнер с отступами
+ *
+ * @visibleName SidePage.Container
+ */exports.SidePageContainerDataTids = SidePageContainerDataTids;var
 
-  render = function render() {var _this2 = this;
+
+SidePageContainer = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageContainer, _React$Component);function SidePageContainer() {return _React$Component.apply(this, arguments) || this;}var _proto = SidePageContainer.prototype;_proto.
+
+
+
+
+
+
+
+  render = function render() {var _this = this;
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
       function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
+        _this.theme = theme;
+        return _this.renderMain();
       }));
 
 
   };_proto.
 
-  renderMain = function renderMain() {var _this3 = this;
+  renderMain = function renderMain() {var _this2 = this;
     return /*#__PURE__*/(
       _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
-      function (_ref) {var _cn;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
-          _react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/
+      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", {
-            className: (0, _classnames.default)((_cn = {}, _cn[
-            _SidePage.jsStyles.container(_this3.theme)] = true, _cn[
-            _SidePage.jsStyles.containerWithoutHeader(_this3.theme)] = !hasHeader, _cn[
-            _SidePage.jsStyles.containerWithoutFooter(_this3.theme)] = !hasFooter, _cn[
-            _SidePage.jsStyles.containerWithPanel(_this3.theme)] = hasPanel, _cn)) },
+            "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)) },
 
 
-          _this3.props.children)));}));
+          _this2.props.children)));}));
 
 
 
 
 
-  };return SidePageContainer;}(_react.default.Component);exports.SidePageContainer = SidePageContainer;SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer';
+  };return SidePageContainer;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'SidePageContainer', _class2.displayName = 'SidePageContainer', _temp)) || _class) || _class;exports.SidePageContainer = SidePageContainer;

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageContainer.tsx"],"names":["SidePageContainer","theme","render","renderMain","hasHeader","hasFooter","hasPanel","props","jsStyles","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"6PAAA;AACA;;AAEA;AACA;;;AAGA;AACA;;;;AAIA;AACA;AACA;AACA;AACA,G;AACaA,iB;;;AAGHC,IAAAA,K;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEMA,EAAAA,U,GAAP,sBAAoB;AAClB;AACE,mCAAC,gCAAD,CAAiB,QAAjB;AACG,mCAAGC,SAAH,QAAGA,SAAH,CAAcC,SAAd,QAAcA,SAAd,CAAyBC,QAAzB,QAAyBA,QAAzB;AACC,uCAAC,4BAAD,EAAmB,MAAI,CAACC,KAAxB;AACE;AACE,YAAA,SAAS,EAAE;AACRC,+BAASC,SAAT,CAAmB,MAAI,CAACR,KAAxB,CADQ,IACyB,IADzB;AAERO,+BAASE,sBAAT,CAAgC,MAAI,CAACT,KAArC,CAFQ,IAEsC,CAACG,SAFvC;AAGRI,+BAASG,sBAAT,CAAgC,MAAI,CAACV,KAArC,CAHQ,IAGsC,CAACI,SAHvC;AAIRG,+BAASI,kBAAT,CAA4B,MAAI,CAACX,KAAjC,CAJQ,IAIkCK,QAJlC,OADb;;;AAQG,UAAA,MAAI,CAACC,KAAL,CAAWM,QARd,CADF,CADD,GADH,CADF;;;;;;AAkBD,G,4BAnCoCC,eAAMC,S,gDAAhCf,iB,CACGgB,mB,GAAsB,mB","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport { SidePageContext } from './SidePageContext';\r\n\r\nexport type SidePageContainerProps = CommonProps;\r\n\r\n/**\r\n * Контейнер с отступами\r\n *\r\n * @visibleName SidePage.Container\r\n */\r\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    return (\r\n      <SidePageContext.Consumer>\r\n        {({ hasHeader, hasFooter, hasPanel }) => (\r\n          <CommonWrapper {...this.props}>\r\n            <div\r\n              className={cn({\r\n                [jsStyles.container(this.theme)]: true,\r\n                [jsStyles.containerWithoutHeader(this.theme)]: !hasHeader,\r\n                [jsStyles.containerWithoutFooter(this.theme)]: !hasFooter,\r\n                [jsStyles.containerWithPanel(this.theme)]: hasPanel,\r\n              })}\r\n            >\r\n              {this.props.children}\r\n            </div>\r\n          </CommonWrapper>\r\n        )}\r\n      </SidePageContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["SidePageContainer.tsx"],"names":["SidePageContainerDataTids","root","SidePageContainer","responsiveLayout","rootNode","render","theme","renderMain","hasHeader","hasFooter","hasPanel","setRootNode","props","styles","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"2XAAA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,oD;;;;AAIO,IAAMA,yBAAyB,GAAG;AACvCC,EAAAA,IAAI,EAAE,yBADiC,EAAlC;;;AAIP;AACA;AACA;AACA;AACA,G;;;AAGaC,iB,OAFZC,2B,eACAC,kB;;;;;;;;AASQC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEMA,EAAAA,U,GAAP,sBAAoB;AAClB;AACE,mCAAC,gCAAD,CAAiB,QAAjB;AACG,mCAAGC,SAAH,QAAGA,SAAH,CAAcC,SAAd,QAAcA,SAAd,CAAyBC,QAAzB,QAAyBA,QAAzB;AACC,uCAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,CAACC,KAAvD;AACE;AACE,wBAAUZ,yBAAyB,CAACC,IADtC;AAEE,YAAA,SAAS,EAAE;AACRY,6BAAOC,SAAP,CAAiB,MAAI,CAACR,KAAtB,CADQ,IACuB,IADvB;AAERO,6BAAOE,sBAAP,CAA8B,MAAI,CAACT,KAAnC,CAFQ,IAEoC,CAACE,SAFrC;AAGRK,6BAAOG,sBAAP,CAA8B,MAAI,CAACV,KAAnC,CAHQ,IAGoC,CAACG,SAHrC;AAIRI,6BAAOI,kBAAP,CAA0B,MAAI,CAACX,KAA/B,CAJQ,IAIgCI,QAJhC;AAKRG,6BAAOK,eAAP,CAAuB,MAAI,CAACZ,KAA5B,CALQ,IAK6B,MAAI,CAACa,cALlC;AAMRN,6BAAOO,4BAAP,CAAoC,MAAI,CAACd,KAAzC,CANQ,IAM0C,MAAI,CAACa,cAAL,IAAuB,CAACX,SANlE,OAFb;;;AAWG,UAAA,MAAI,CAACI,KAAL,CAAWS,QAXd,CADF,CADD,GADH,CADF;;;;;;AAqBD,G,4BAzCoCC,eAAMC,S,WAC7BC,mB,GAAsB,mB,UACtBC,W,GAAc,mB","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } 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  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"]}

package/cjs/components/SidePage/SidePageContext.d.ts

@@ -1,12 +1,17 @@
 import React from 'react';
 import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
 export interface SidePageContextType {
     requestClose: () => void;
     getWidth: () => number | string;
     updateLayout: () => void;
+    headerRef: (ref: SidePageHeader | null) => void;
     footerRef: (ref: SidePageFooter | null) => void;
     hasHeader?: boolean;
     hasFooter?: boolean;
     hasPanel?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
 }
 export declare const SidePageContext: React.Context<SidePageContextType>;

package/cjs/components/SidePage/SidePageContext.js

@@ -1,4 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = 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"));
+
+
+
+
+
 
 
 
@@ -16,6 +21,7 @@ var SidePageContext = /*#__PURE__*/_react.default.createContext({
   requestClose: function requestClose() {return undefined;},
   getWidth: function getWidth() {return 'auto';},
   updateLayout: function updateLayout() {return undefined;},
+  headerRef: function headerRef() {return undefined;},
   footerRef: function footerRef() {return undefined;} });exports.SidePageContext = SidePageContext;
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageContext.ts"],"names":["SidePageContext","React","createContext","requestClose","undefined","getWidth","updateLayout","footerRef","displayName"],"mappings":"6JAAA;;;;;;;;;;;;;;AAcO,IAAMA,eAAe,gBAAGC,eAAMC,aAAN,CAAyC;AACtEC,EAAAA,YAAY,EAAE,gCAAMC,SAAN,EADwD;AAEtEC,EAAAA,QAAQ,EAAE,4BAAM,MAAN,EAF4D;AAGtEC,EAAAA,YAAY,EAAE,gCAAMF,SAAN,EAHwD;AAItEG,EAAAA,SAAS,EAAE,6BAAMH,SAAN,EAJ2D,EAAzC,CAAxB,C;;;AAOPJ,eAAe,CAACQ,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React from 'react';\r\n\r\nimport { SidePageFooter } from './SidePageFooter';\r\n\r\nexport interface SidePageContextType {\r\n  requestClose: () => void;\r\n  getWidth: () => number | string;\r\n  updateLayout: () => void;\r\n  footerRef: (ref: SidePageFooter | null) => void;\r\n  hasHeader?: boolean;\r\n  hasFooter?: boolean;\r\n  hasPanel?: boolean;\r\n}\r\n\r\nexport const SidePageContext = React.createContext<SidePageContextType>({\r\n  requestClose: () => undefined,\r\n  getWidth: () => 'auto',\r\n  updateLayout: () => undefined,\r\n  footerRef: () => undefined,\r\n});\r\n\r\nSidePageContext.displayName = 'SidePageContext';\r\n"]}
+{"version":3,"sources":["SidePageContext.ts"],"names":["SidePageContext","React","createContext","requestClose","undefined","getWidth","updateLayout","headerRef","footerRef","displayName"],"mappings":"qKAAA;;;;;;;;;;;;;;;;;;;AAmBO,IAAMA,eAAe,gBAAGC,eAAMC,aAAN,CAAyC;AACtEC,EAAAA,YAAY,EAAE,gCAAMC,SAAN,EADwD;AAEtEC,EAAAA,QAAQ,EAAE,4BAAM,MAAN,EAF4D;AAGtEC,EAAAA,YAAY,EAAE,gCAAMF,SAAN,EAHwD;AAItEG,EAAAA,SAAS,EAAE,6BAAMH,SAAN,EAJ2D;AAKtEI,EAAAA,SAAS,EAAE,6BAAMJ,SAAN,EAL2D,EAAzC,CAAxB,C;;;AAQPJ,eAAe,CAACS,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React from 'react';\n\nimport { SidePageFooter } from './SidePageFooter';\nimport { 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"]}

package/cjs/components/SidePage/SidePageFooter.d.ts

@@ -1,36 +1,53 @@
 import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { GappedProps } from '../Gapped';
 import { SidePageContextType } from './SidePageContext';
-export interface SidePageFooterProps extends CommonProps {
+export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
     /**
      * Включает серый цвет в футере
      */
     panel?: boolean;
+    /**
+     * Закрепляет футер снизу сайдпейджа
+     */
+    sticky?: boolean;
+    /**
+     * Задаёт отступ между элементами футера
+     */
+    gap?: GappedProps['gap'];
+}
+interface SidePageFooterState {
+    fixed: boolean;
 }
+export declare const SidePageFooterDataTids: {
+    readonly root: "SidePageFooter__root";
+};
 /**
  * Футер сайдпейджа.
  *
  * @visibleName SidePage.Footer
  */
-export declare class SidePageFooter extends React.Component<SidePageFooterProps> {
+export declare class SidePageFooter extends React.Component<SidePageFooterProps, SidePageFooterState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static contextType: React.Context<SidePageContextType>;
     context: SidePageContextType;
-    state: {
-        fixed: boolean;
-    };
+    private isMobileLayout;
+    state: SidePageFooterState;
     private theme;
     private content;
-    private wrapper;
     private layoutSub;
+    private setRootNode;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<SidePageFooterProps>): void;
     componentWillUnmount(): void;
+    getSticky(): boolean;
     render(): JSX.Element;
     update: () => void;
     private renderMain;
     private refContent;
-    private refWrapper;
     private setProperStyles;
     private getContentHeight;
 }
+export {};