@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

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","sidePageCloseButtonClickAreaX","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: 0 ${t.sidePageCloseButtonClickAreaX};\r\n      margin: 0 -${t.sidePageCloseButtonClickAreaX};\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","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","sidePageCloseButtonClickAreaX","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';\nimport { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      height: 100%;\n      position: fixed;\n      right: 0;\n      top: 0;\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() {\n    return css`\n      height: 100%;\n      z-index: 0;\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${t.sidePagePaddingRight};\n    `;\n  },\n\n  containerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${is8pxTheme(t) ? t.sidePagePaddingTop : 0} !important;\n    `;\n  },\n\n  containerWithoutFooter(t: Theme) {\n    return css`\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\n    `;\n  },\n\n  containerWithPanel(t: Theme) {\n    return css`\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\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    `;\n  },\n\n  layout() {\n    return css`\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\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    `;\n  },\n\n  headerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      box-shadow: 0 1px ${t.sidePageBorderColor};\n      font-size: ${t.sidePageHeaderFixedFontSize};\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\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  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      ${cssName(styles.wrapper(t))}& {\n        box-shadow: ${t.sidePageContainerShadow};\n      }\n    `;\n  },\n\n  leftSide(t: Theme) {\n    return css`\n      left: 0;\n      right: auto;\n\n      & ${cssName(styles.wrapper(t))} {\n        float: left;\n      }\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      color: ${t.sidePageCloseButtonColor};\n      cursor: pointer;\n      position: absolute;\n      right: ${t.sidePageCloseButtonPadding};\n      text-align: center;\n      text-decoration: none;\n      width: ${t.sidePageCloseIconSize};\n      padding: 0 ${t.sidePageCloseButtonClickAreaX};\n      margin: 0 -${t.sidePageCloseButtonClickAreaX};\n\n      &:hover {\n        color: ${t.sidePageCloseButtonHoverColor};\n      }\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      background: ${t.sidePageFooterPanelBg} !important;\n      border-top: 0 !important;\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  closeIcon(t: Theme) {\n    return css`\n      display: inline-block;\n      height: ${t.sidePageCloseIconSize};\n      width: ${t.sidePageCloseIconSize};\n      line-height: 0;\n    `;\n  },\n\n  fixed(t: Theme) {\n    return css`\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n    `;\n  },\n\n  footer() {\n    return css`\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\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  footerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      border-top: 1px solid ${t.sidePageBorderColor};\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;\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;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageBodyProps extends CommonProps {
-    children?: React.ReactNode;
-}
-/**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
- */
-export declare class SidePageBody extends React.Component<SidePageBodyProps> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageBodyProps extends CommonProps {
+    children?: React.ReactNode;
+}
+/**
+ * Тело для сайдпейджа
+ *
+ * @visibleName SidePage.Body
+ */
+export declare class SidePageBody extends React.Component<SidePageBodyProps> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+}

package/cjs/components/SidePage/SidePageBody.js

@@ -8,10 +8,10 @@ var _SidePageContext = require("./SidePageContext");
 
 
 
-/**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
+/**
+ * Тело для сайдпейджа
+ *
+ * @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.
 

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":["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';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n  children?: React.ReactNode;\n}\n/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={jsStyles.body()}>{this.props.children}</div>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type SidePageContainerProps = CommonProps;
-/**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
- */
-export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type SidePageContainerProps = CommonProps;
+/**
+ * Контейнер с отступами
+ *
+ * @visibleName SidePage.Container
+ */
+export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+}

package/cjs/components/SidePage/SidePageContainer.js

@@ -10,10 +10,10 @@ var _SidePageContext = require("./SidePageContext");
 
 
 
-/**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
+/**
+ * Контейнер с отступами
+ *
+ * @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.
 

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":["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';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { jsStyles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n\n  private theme!: Theme;\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 {...this.props}>\n            <div\n              className={cn({\n                [jsStyles.container(this.theme)]: true,\n                [jsStyles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [jsStyles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [jsStyles.containerWithPanel(this.theme)]: hasPanel,\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,12 @@
-import React from 'react';
-import { SidePageFooter } from './SidePageFooter';
-export interface SidePageContextType {
-    requestClose: () => void;
-    getWidth: () => number | string;
-    updateLayout: () => void;
-    footerRef: (ref: SidePageFooter | null) => void;
-    hasHeader?: boolean;
-    hasFooter?: boolean;
-    hasPanel?: boolean;
-}
-export declare const SidePageContext: React.Context<SidePageContextType>;
+import React from 'react';
+import { SidePageFooter } from './SidePageFooter';
+export interface SidePageContextType {
+    requestClose: () => void;
+    getWidth: () => number | string;
+    updateLayout: () => void;
+    footerRef: (ref: SidePageFooter | null) => void;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hasPanel?: boolean;
+}
+export declare const SidePageContext: React.Context<SidePageContextType>;

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","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';\n\nimport { SidePageFooter } from './SidePageFooter';\n\nexport interface SidePageContextType {\n  requestClose: () => void;\n  getWidth: () => number | string;\n  updateLayout: () => void;\n  footerRef: (ref: SidePageFooter | null) => void;\n  hasHeader?: boolean;\n  hasFooter?: boolean;\n  hasPanel?: boolean;\n}\n\nexport const SidePageContext = React.createContext<SidePageContextType>({\n  requestClose: () => undefined,\n  getWidth: () => 'auto',\n  updateLayout: () => undefined,\n  footerRef: () => undefined,\n});\n\nSidePageContext.displayName = 'SidePageContext';\n"]}

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

@@ -1,36 +1,36 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageFooterProps extends CommonProps {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-}
-/**
- * Футер сайдпейджа.
- *
- * @visibleName SidePage.Footer
- */
-export declare class SidePageFooter extends React.Component<SidePageFooterProps> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    state: {
-        fixed: boolean;
-    };
-    private theme;
-    private content;
-    private wrapper;
-    private layoutSub;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    update: () => void;
-    private renderMain;
-    private refContent;
-    private refWrapper;
-    private setProperStyles;
-    private getContentHeight;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageFooterProps extends CommonProps {
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    /**
+     * Включает серый цвет в футере
+     */
+    panel?: boolean;
+}
+/**
+ * Футер сайдпейджа.
+ *
+ * @visibleName SidePage.Footer
+ */
+export declare class SidePageFooter extends React.Component<SidePageFooterProps> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    state: {
+        fixed: boolean;
+    };
+    private theme;
+    private content;
+    private wrapper;
+    private layoutSub;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    update: () => void;
+    private renderMain;
+    private refContent;
+    private refWrapper;
+    private setProperStyles;
+    private getContentHeight;
+}

package/cjs/components/SidePage/SidePageFooter.js

@@ -17,10 +17,10 @@ var _SidePageContext = require("./SidePageContext");
 
 
 
-/**
- * Футер сайдпейджа.
- *
- * @visibleName SidePage.Footer
+/**
+ * Футер сайдпейджа.
+ *
+ * @visibleName SidePage.Footer
  */var
 
 SidePageFooter = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);function SidePageFooter() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageFooter.tsx"],"names":["SidePageFooter","context","state","fixed","theme","content","wrapper","layoutSub","update","setProperStyles","refContent","node","refWrapper","wrapperRect","getBoundingClientRect","contentRect","top","setState","componentDidMount","footerRef","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","props","height","getContentHeight","getWidth","jsStyles","footer","width","footerContent","panel","footerFixed","children","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\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 SidePageFooterProps extends CommonProps {\r\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\r\n  /**\r\n   * Включает серый цвет в футере\r\n   */\r\n  panel?: boolean;\r\n}\r\n\r\n/**\r\n * Футер сайдпейджа.\r\n *\r\n * @visibleName SidePage.Footer\r\n */\r\n\r\nexport class SidePageFooter extends React.Component<SidePageFooterProps> {\r\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\r\n\r\n  public static contextType = SidePageContext;\r\n  public context: SidePageContextType = this.context;\r\n\r\n  public state = {\r\n    fixed: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private content: HTMLElement | null = null;\r\n  private wrapper: HTMLElement | null = null;\r\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\r\n\r\n  public componentDidMount() {\r\n    this.context.footerRef(this);\r\n    this.update();\r\n    this.layoutSub = LayoutEvents.addListener(this.update);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.context.footerRef(null);\r\n    if (this.layoutSub) {\r\n      this.layoutSub.remove();\r\n    }\r\n  }\r\n\r\n  public render(): JSX.Element {\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 update = () => {\r\n    this.setProperStyles();\r\n  };\r\n\r\n  private renderMain() {\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div style={{ height: this.getContentHeight() }} ref={this.refWrapper}>\r\n          <SidePageContext.Consumer>\r\n            {({ getWidth }) => (\r\n              <div\r\n                className={jsStyles.footer()}\r\n                style={{\r\n                  width: getWidth(),\r\n                }}\r\n              >\r\n                <div\r\n                  className={cn(jsStyles.footerContent(this.theme), {\r\n                    [jsStyles.panel(this.theme)]: !!this.props.panel,\r\n                    [jsStyles.footerFixed(this.theme)]: this.state.fixed,\r\n                  })}\r\n                  ref={this.refContent}\r\n                >\r\n                  {this.props.children}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </SidePageContext.Consumer>\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private refContent = (node: HTMLElement | null) => {\r\n    this.content = node;\r\n  };\r\n\r\n  private refWrapper = (node: HTMLElement | null) => {\r\n    this.wrapper = node;\r\n  };\r\n\r\n  private setProperStyles = () => {\r\n    if (this.wrapper && this.content) {\r\n      const wrapperRect = this.wrapper.getBoundingClientRect();\r\n      const contentRect = this.content.getBoundingClientRect();\r\n      const fixed = wrapperRect.top > contentRect.top;\r\n      this.setState({ fixed });\r\n    }\r\n  };\r\n\r\n  private getContentHeight() {\r\n    if (!this.content) {\r\n      return 'auto';\r\n    }\r\n    return this.content.getBoundingClientRect().height;\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["SidePageFooter.tsx"],"names":["SidePageFooter","context","state","fixed","theme","content","wrapper","layoutSub","update","setProperStyles","refContent","node","refWrapper","wrapperRect","getBoundingClientRect","contentRect","top","setState","componentDidMount","footerRef","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","props","height","getContentHeight","getWidth","jsStyles","footer","width","footerContent","panel","footerFixed","children","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageFooterProps extends CommonProps {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /**\n   * Включает серый цвет в футере\n   */\n  panel?: boolean;\n}\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n\nexport class SidePageFooter extends React.Component<SidePageFooterProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  public state = {\n    fixed: false,\n  };\n\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private wrapper: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\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    return (\n      <CommonWrapper {...this.props}>\n        <div style={{ height: this.getContentHeight() }} ref={this.refWrapper}>\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={jsStyles.footer()}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                <div\n                  className={cn(jsStyles.footerContent(this.theme), {\n                    [jsStyles.panel(this.theme)]: !!this.props.panel,\n                    [jsStyles.footerFixed(this.theme)]: this.state.fixed,\n                  })}\n                  ref={this.refContent}\n                >\n                  {this.props.children}\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 refWrapper = (node: HTMLElement | null) => {\n    this.wrapper = node;\n  };\n\n  private setProperStyles = () => {\n    if (this.wrapper && this.content) {\n      const wrapperRect = this.wrapper.getBoundingClientRect();\n      const contentRect = this.content.getBoundingClientRect();\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 this.content.getBoundingClientRect().height;\n  }\n}\n"]}

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

@@ -1,34 +1,34 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface SidePageHeaderProps extends CommonProps {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-}
-export interface SidePageHeaderState {
-    isReadyToFix: boolean;
-}
-/**
- * Шапка сайдпейджа
- *
- * @visibleName SidePage.Header
- */
-export declare class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
-    static __KONTUR_REACT_UI__: string;
-    state: {
-        isReadyToFix: boolean;
-    };
-    private theme;
-    private wrapper;
-    private lastRegularHeight;
-    get regularHeight(): number;
-    get fixedHeaderHeight(): number;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderHeader;
-    private renderCloseContent;
-    private renderClose;
-    private updateReadyToFix;
-    private wrapperRef;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface SidePageHeaderProps extends CommonProps {
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+}
+export interface SidePageHeaderState {
+    isReadyToFix: boolean;
+}
+/**
+ * Шапка сайдпейджа
+ *
+ * @visibleName SidePage.Header
+ */
+export declare class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
+    static __KONTUR_REACT_UI__: string;
+    state: {
+        isReadyToFix: boolean;
+    };
+    private theme;
+    private wrapper;
+    private lastRegularHeight;
+    get regularHeight(): number;
+    get fixedHeaderHeight(): number;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    update: () => void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderHeader;
+    private renderCloseContent;
+    private renderClose;
+    private updateReadyToFix;
+    private wrapperRef;
+}

package/cjs/components/SidePage/SidePageHeader.js

@@ -19,10 +19,10 @@ var _SidePageContext = require("./SidePageContext");
 
 
 
-/**
- * Шапка сайдпейджа
- *
- * @visibleName SidePage.Header
+/**
+ * Шапка сайдпейджа
+ *
+ * @visibleName SidePage.Header
  */var
 SidePageHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(SidePageHeader, _React$Component);function SidePageHeader() {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.
 

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeader","state","isReadyToFix","theme","wrapper","lastRegularHeight","componentDidMount","window","addEventListener","update","componentWillUnmount","removeEventListener","updateReadyToFix","renderHeader","fixed","jsStyles","header","headerFixed","renderClose","title","titleFixed","props","children","renderCloseContent","requestClose","close","closeIcon","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperScrolledUp","getBoundingClientRect","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","render","renderMain","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Sticky } from '../Sticky';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport { SidePageContext } from './SidePageContext';\r\n\r\nexport interface SidePageHeaderProps extends CommonProps {\r\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\r\n}\r\n\r\nexport interface SidePageHeaderState {\r\n  isReadyToFix: boolean;\r\n}\r\n\r\n/**\r\n * Шапка сайдпейджа\r\n *\r\n * @visibleName SidePage.Header\r\n */\r\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\r\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\r\n\r\n  public state = {\r\n    isReadyToFix: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private wrapper: HTMLElement | null = null;\r\n  private lastRegularHeight = 0;\r\n\r\n  public get regularHeight(): number {\r\n    const { isReadyToFix } = this.state;\r\n    if (!this.wrapper) {\r\n      return 0;\r\n    }\r\n    if (!isReadyToFix) {\r\n      this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;\r\n    }\r\n    return this.lastRegularHeight;\r\n  }\r\n\r\n  public get fixedHeaderHeight(): number {\r\n    const { theme } = this;\r\n    return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;\r\n  }\r\n\r\n  public componentDidMount = () => {\r\n    window.addEventListener('scroll', this.update, true);\r\n  };\r\n\r\n  public componentWillUnmount = () => {\r\n    window.removeEventListener('scroll', this.update, true);\r\n  };\r\n\r\n  public update = () => {\r\n    this.updateReadyToFix();\r\n  };\r\n\r\n  public render(): JSX.Element {\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  private renderMain() {\r\n    const { isReadyToFix } = this.state;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div ref={this.wrapperRef}>\r\n          {isReadyToFix ? <Sticky side=\"top\">{this.renderHeader}</Sticky> : this.renderHeader()}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderHeader = (fixed = false) => {\r\n    return (\r\n      <div className={cn(jsStyles.header(this.theme), { [jsStyles.headerFixed(this.theme)]: fixed })}>\r\n        {this.renderClose()}\r\n        <div className={cn(jsStyles.title(this.theme), { [jsStyles.titleFixed()]: fixed })}>\r\n          {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  private renderCloseContent = (fixed: boolean) => (\r\n    <SidePageContext.Consumer>\r\n      {({ requestClose }) => (\r\n        <a\r\n          className={cn(jsStyles.close(this.theme), {\r\n            [jsStyles.fixed(this.theme)]: fixed,\r\n          })}\r\n          onClick={requestClose}\r\n          data-tid=\"SidePage__close\"\r\n        >\r\n          <span\r\n            className={cn(jsStyles.closeIcon(this.theme), {\r\n              [jsStyles.fixed(this.theme)]: fixed,\r\n            })}\r\n          >\r\n            <CrossIcon />\r\n          </span>\r\n        </a>\r\n      )}\r\n    </SidePageContext.Consumer>\r\n  );\r\n\r\n  private renderClose = () => {\r\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\r\n\r\n    return (\r\n      <Sticky side=\"top\" offset={stickyOffset}>\r\n        {this.renderCloseContent}\r\n      </Sticky>\r\n    );\r\n  };\r\n\r\n  private updateReadyToFix = () => {\r\n    if (this.wrapper) {\r\n      const wrapperScrolledUp = this.wrapper.getBoundingClientRect().top;\r\n      const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\r\n      this.setState(state => (state.isReadyToFix !== isReadyToFix ? { isReadyToFix } : state));\r\n    }\r\n  };\r\n\r\n  private wrapperRef = (el: HTMLElement | null) => {\r\n    this.wrapper = el;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeader","state","isReadyToFix","theme","wrapper","lastRegularHeight","componentDidMount","window","addEventListener","update","componentWillUnmount","removeEventListener","updateReadyToFix","renderHeader","fixed","jsStyles","header","headerFixed","renderClose","title","titleFixed","props","children","renderCloseContent","requestClose","close","closeIcon","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperScrolledUp","getBoundingClientRect","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","render","renderMain","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Sticky } from '../Sticky';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageHeaderProps extends CommonProps {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface SidePageHeaderState {\n  isReadyToFix: boolean;\n}\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n\n  public state = {\n    isReadyToFix: false,\n  };\n\n  private theme!: Theme;\n  private wrapper: HTMLElement | null = null;\n  private lastRegularHeight = 0;\n\n  public get regularHeight(): number {\n    const { isReadyToFix } = this.state;\n    if (!this.wrapper) {\n      return 0;\n    }\n    if (!isReadyToFix) {\n      this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;\n    }\n    return this.lastRegularHeight;\n  }\n\n  public get fixedHeaderHeight(): number {\n    const { theme } = this;\n    return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;\n  }\n\n  public componentDidMount = () => {\n    window.addEventListener('scroll', this.update, true);\n  };\n\n  public componentWillUnmount = () => {\n    window.removeEventListener('scroll', this.update, true);\n  };\n\n  public update = () => {\n    this.updateReadyToFix();\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  private renderMain() {\n    const { isReadyToFix } = this.state;\n    return (\n      <CommonWrapper {...this.props}>\n        <div ref={this.wrapperRef}>\n          {isReadyToFix ? <Sticky side=\"top\">{this.renderHeader}</Sticky> : this.renderHeader()}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    return (\n      <div className={cn(jsStyles.header(this.theme), { [jsStyles.headerFixed(this.theme)]: fixed })}>\n        {this.renderClose()}\n        <div className={cn(jsStyles.title(this.theme), { [jsStyles.titleFixed()]: fixed })}>\n          {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n        </div>\n      </div>\n    );\n  };\n\n  private renderCloseContent = (fixed: boolean) => (\n    <SidePageContext.Consumer>\n      {({ requestClose }) => (\n        <a\n          className={cn(jsStyles.close(this.theme), {\n            [jsStyles.fixed(this.theme)]: fixed,\n          })}\n          onClick={requestClose}\n          data-tid=\"SidePage__close\"\n        >\n          <span\n            className={cn(jsStyles.closeIcon(this.theme), {\n              [jsStyles.fixed(this.theme)]: fixed,\n            })}\n          >\n            <CrossIcon />\n          </span>\n        </a>\n      )}\n    </SidePageContext.Consumer>\n  );\n\n  private renderClose = () => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n\n    return (\n      <Sticky side=\"top\" offset={stickyOffset}>\n        {this.renderCloseContent}\n      </Sticky>\n    );\n  };\n\n  private updateReadyToFix = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = this.wrapper.getBoundingClientRect().top;\n      const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState(state => (state.isReadyToFix !== isReadyToFix ? { isReadyToFix } : state));\n    }\n  };\n\n  private wrapperRef = (el: HTMLElement | null) => {\n    this.wrapper = el;\n  };\n}\n"]}

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SidePageFooterProps } from './SidePageFooter';
-import { SidePageHeaderProps } from './SidePageHeader';
-export declare const isFooter: (component: React.ReactNode) => component is React.Component<SidePageFooterProps, {}, any>;
-export declare const isHeader: (component: React.ReactNode) => component is React.Component<SidePageHeaderProps, {}, any>;
+import React from 'react';
+import { SidePageFooterProps } from './SidePageFooter';
+import { SidePageHeaderProps } from './SidePageHeader';
+export declare const isFooter: (component: React.ReactNode) => component is React.Component<SidePageFooterProps, {}, any>;
+export declare const isHeader: (component: React.ReactNode) => component is React.Component<SidePageHeaderProps, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"sources":["helpers.ts"],"names":["isFooter","component","isHeader"],"mappings":";;AAEA;;;;;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAmF;AACzG,SAAO,0BAAc,gBAAd,EAAgCA,SAAhC,CAAP;AACD,CAFM,C;;AAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,SAAD,EAAmF;AACzG,SAAO,0BAAc,gBAAd,EAAgCA,SAAhC,CAAP;AACD,CAFM,C","sourcesContent":["import React from 'react';\r\n\r\nimport { isReactUINode } from '../../lib/utils';\r\n\r\nimport { SidePageFooterProps } from './SidePageFooter';\r\nimport { SidePageHeaderProps } from './SidePageHeader';\r\n\r\nexport const isFooter = (component: React.ReactNode): component is React.Component<SidePageFooterProps> => {\r\n  return isReactUINode('SidePageFooter', component);\r\n};\r\n\r\nexport const isHeader = (component: React.ReactNode): component is React.Component<SidePageHeaderProps> => {\r\n  return isReactUINode('SidePageHeader', component);\r\n};\r\n"]}
+{"version":3,"sources":["helpers.ts"],"names":["isFooter","component","isHeader"],"mappings":";;AAEA;;;;;AAKO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD,EAAmF;AACzG,SAAO,0BAAc,gBAAd,EAAgCA,SAAhC,CAAP;AACD,CAFM,C;;AAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,SAAD,EAAmF;AACzG,SAAO,0BAAc,gBAAd,EAAgCA,SAAhC,CAAP;AACD,CAFM,C","sourcesContent":["import React from 'react';\n\nimport { isReactUINode } from '../../lib/utils';\n\nimport { SidePageFooterProps } from './SidePageFooter';\nimport { SidePageHeaderProps } from './SidePageHeader';\n\nexport const isFooter = (component: React.ReactNode): component is React.Component<SidePageFooterProps> => {\n  return isReactUINode('SidePageFooter', component);\n};\n\nexport const isHeader = (component: React.ReactNode): component is React.Component<SidePageHeaderProps> => {\n  return isReactUINode('SidePageHeader', component);\n};\n"]}

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

@@ -1,5 +1,5 @@
-export * from './SidePage';
-export * from './SidePageHeader';
-export * from './SidePageBody';
-export * from './SidePageFooter';
-export * from './SidePageContainer';
+export * from './SidePage';
+export * from './SidePageHeader';
+export * from './SidePageBody';
+export * from './SidePageFooter';
+export * from './SidePageContainer';

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\r\nexport * from './SidePageHeader';\r\nexport * from './SidePageBody';\r\nexport * from './SidePageFooter';\r\nexport * from './SidePageContainer';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\nexport * from './SidePageHeader';\nexport * from './SidePageBody';\nexport * from './SidePageFooter';\nexport * from './SidePageContainer';\n"]}