@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/SidePage/SidePage.module.css

@@ -1,116 +0,0 @@
-:local .layout {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-:local .root {
-  position: fixed;
-  right: 0;
-  top: 0;
-  height: 100%;
-}
-:local .leftSide {
-  left: 0;
-  right: auto;
-}
-:local .leftSide .container {
-  float: left;
-}
-:local .background {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-:local .background.gray {
-  background: #333;
-  opacity: 0.6;
-}
-:local .container {
-  position: relative;
-  float: right;
-  height: 100%;
-  white-space: normal;
-  overflow-y: auto;
-}
-:local .bodyContainer {
-  padding-left: 30px;
-  padding-right: 35px;
-}
-:local .header {
-  position: relative;
-  width: 100%;
-  font-size: 22px;
-  padding: 25px 0;
-  line-height: 30px;
-}
-:local .header.fixed {
-  font-size: 18px;
-  padding: 13px 0;
-  line-height: 24px;
-}
-:local .title {
-  padding-right: 85px;
-  padding-left: 30px;
-}
-:local .title.fixed {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-:local .close {
-  position: absolute;
-  right: 30px;
-  width: 24px;
-  text-align: center;
-  text-decoration: none;
-  cursor: pointer;
-}
-:local .close.fixed {
-  line-height: 24px;
-}
-:local .closeIcon {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  line-height: 0;
-}
-:local .body {
-  height: 100%;
-  z-index: 0;
-}
-:local .footer {
-  position: fixed;
-  bottom: 0;
-  z-index: 10;
-}
-:local .footerContent {
-  padding: 20px 35px 20px 30px;
-}
-:local .footerContent.fixed.panel {
-  border-top: 0;
-}
-:local .transition-appear,
-:local .transition-enter {
-  opacity: 0.01;
-}
-:local .transition-appear-left,
-:local .transition-enter-left {
-  transform: translateX(100px);
-}
-:local .transition-appear-right,
-:local .transition-enter-right {
-  transform: translateX(-100px);
-}
-:local .transition-appear-active,
-:local .transition-enter-active {
-  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);
-  opacity: 1;
-  transform: translate(0, 0);
-}
-:local .transition-leave {
-  opacity: 1;
-}
-:local .transition-leave-active {
-  opacity: 0.01;
-  transition: opacity 0.15s ease-out;
-}

package/components/SidePage/SidePage.module.css.d.ts

@@ -1,30 +0,0 @@
-export interface ISidePageModuleLess {
-  'layout': string;
-  'root': string;
-  'leftSide': string;
-  'container': string;
-  'background': string;
-  'gray': string;
-  'bodyContainer': string;
-  'header': string;
-  'fixed': string;
-  'title': string;
-  'close': string;
-  'closeIcon': string;
-  'body': string;
-  'footer': string;
-  'footerContent': string;
-  'panel': string;
-  'transition-appear': string;
-  'transition-enter': string;
-  'transition-appear-left': string;
-  'transition-enter-left': string;
-  'transition-appear-right': string;
-  'transition-enter-right': string;
-  'transition-appear-active': string;
-  'transition-enter-active': string;
-  'transition-leave': string;
-  'transition-leave-active': string;
-}
-declare const styles: ISidePageModuleLess;
-export default styles;

package/components/SidePage/SidePage.styles.js

@@ -1,53 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        background: ", ";\n        box-shadow: 0 1px ", ";\n      }\n      .", "& {\n        background: ", ";\n        border-top: 1px solid ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        background: ", ";\n      }\n      .", ".", "& {\n        background: ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        box-shadow: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';import
-
-
-styles from "./SidePage.module.css";
-
-export var jsStyles = {
-  container: function container(t) {
-    return css(_templateObject(),
-    t.bgDefault);
-
-  },
-
-  shadow: function shadow(t) {
-    return css(_templateObject2(),
-    styles.container,
-    t.sidePageContainerShadow);
-
-
-  },
-
-  close: function close(t) {
-    return css(_templateObject3(),
-    t.sidePageCloseButtonColor,
-
-
-    t.sidePageCloseButtonHoverColor);
-
-
-  },
-
-  panel: function panel(t) {
-    return css(_templateObject4(),
-    styles.footerContent,
-    t.sidePageFooterPanelBg,
-
-    styles.footerContent, styles.fixed,
-    t.sidePageFooterPanelBg);
-
-
-  },
-
-  fixed: function fixed(t) {
-    return css(_templateObject5(),
-    styles.header,
-    t.bgDefault,
-    t.borderColorGrayLight,
-
-    styles.footerContent,
-    t.bgDefault,
-    t.borderColorGrayLight);
-
-
-  } };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePage.styles.ts"],"names":["css","styles","jsStyles","container","t","bgDefault","shadow","sidePageContainerShadow","close","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","panel","footerContent","sidePageFooterPanelBg","fixed","header","borderColorGrayLight"],"mappings":"kxCAAA,SAASA,GAAT,QAAoB,2BAApB,C;;;AAGOC,M;;AAEP,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,SADsB,qBACZC,CADY,EACF;AAClB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,SADlB;;AAGD,GALqB;;AAOtBC,EAAAA,MAPsB,kBAOfF,CAPe,EAOL;AACf,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACE,SADZ;AAEkBC,IAAAA,CAAC,CAACG,uBAFpB;;;AAKD,GAbqB;;AAetBC,EAAAA,KAfsB,iBAehBJ,CAfgB,EAeN;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACK,wBADb;;;AAIaL,IAAAA,CAAC,CAACM,6BAJf;;;AAOD,GAvBqB;;AAyBtBC,EAAAA,KAzBsB,iBAyBhBP,CAzBgB,EAyBN;AACd,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACW,aADZ;AAEkBR,IAAAA,CAAC,CAACS,qBAFpB;;AAIKZ,IAAAA,MAAM,CAACW,aAJZ,EAI6BX,MAAM,CAACa,KAJpC;AAKkBV,IAAAA,CAAC,CAACS,qBALpB;;;AAQD,GAlCqB;;AAoCtBC,EAAAA,KApCsB,iBAoChBV,CApCgB,EAoCN;AACd,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACc,MADZ;AAEkBX,IAAAA,CAAC,CAACC,SAFpB;AAGwBD,IAAAA,CAAC,CAACY,oBAH1B;;AAKKf,IAAAA,MAAM,CAACW,aALZ;AAMkBR,IAAAA,CAAC,CAACC,SANpB;AAO4BD,IAAAA,CAAC,CAACY,oBAP9B;;;AAUD,GA/CqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './SidePage.module.less';\r\n\r\nexport const jsStyles = {\r\n  container(t: Theme) {\r\n    return css`\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      .${styles.container}& {\r\n        box-shadow: ${t.sidePageContainerShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.sidePageCloseButtonColor};\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      .${styles.footerContent}& {\r\n        background: ${t.sidePageFooterPanelBg};\r\n      }\r\n      .${styles.footerContent}.${styles.fixed}& {\r\n        background: ${t.sidePageFooterPanelBg};\r\n      }\r\n    `;\r\n  },\r\n\r\n  fixed(t: Theme) {\r\n    return css`\r\n      .${styles.header}& {\r\n        background: ${t.bgDefault};\r\n        box-shadow: 0 1px ${t.borderColorGrayLight};\r\n      }\r\n      .${styles.footerContent}& {\r\n        background: ${t.bgDefault};\r\n        border-top: 1px solid ${t.borderColorGrayLight};\r\n      }\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/SidePage/SidePageBody.js

@@ -1,26 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';import
-
-styles from "./SidePage.module.css";
-import { SidePageContext } from './SidePageContext';
-
-
-
-
-/**
-                                                      * Тело для сайдпейджа
-                                                      *
-                                                      * @visibleName SidePage.Body
-                                                      */
-export var SidePageBody = /*#__PURE__*/function (_React$Component) {_inheritsLoose(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() {
-    return React.createElement("div", { className: styles.body }, this.props.children);
-  };return SidePageBody;}(React.Component);SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody';SidePageBody.contextType = SidePageContext;

package/components/SidePage/SidePageBody.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePageBody.tsx"],"names":["React","styles","SidePageContext","SidePageBody","context","componentDidUpdate","updateLayout","render","body","props","children","Component","__KONTUR_REACT_UI__","contextType"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB,C;;AAEOC,M;AACP,SAASC,eAAT,QAAqD,mBAArD;;;;;AAKA;;;;;AAKA,WAAaC,YAAb;;;;AAISC,IAAAA,OAJT,GAIwC,MAAKA,OAJ7C;;AAMSC,EAAAA,kBANT,GAME,8BAA4B;AAC1B,SAAKD,OAAL,CAAaE,YAAb;AACD,GARH;;AAUSC,EAAAA,MAVT,GAUE,kBAA6B;AAC3B,WAAO,6BAAK,SAAS,EAAEN,MAAM,CAACO,IAAvB,IAA8B,KAAKC,KAAL,CAAWC,QAAzC,CAAP;AACD,GAZH,uBAAkCV,KAAK,CAACW,SAAxC,EAAaR,Y,CACGS,mB,GAAsB,c,CADzBT,Y,CAGGU,W,GAAcX,e","sourcesContent":["import React from 'react';\r\n\r\nimport styles from './SidePage.module.less';\r\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\r\n\r\nexport interface SidePageBodyProps {\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(): JSX.Element {\r\n    return <div className={styles.body}>{this.props.children}</div>;\r\n  }\r\n}\r\n"]}

package/components/SidePage/SidePageContainer.js

@@ -1,15 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';import
-
-styles from "./SidePage.module.css";
-
-/**
-                                      * Контейнер с отступами
-                                      *
-                                      * @visibleName SidePage.Container
-                                      */
-export var SidePageContainer = /*#__PURE__*/function (_React$Component) {_inheritsLoose(SidePageContainer, _React$Component);function SidePageContainer() {return _React$Component.apply(this, arguments) || this;}var _proto = SidePageContainer.prototype;_proto.
-
-
-  render = function render() {
-    return React.createElement("div", { className: styles.bodyContainer }, this.props.children);
-  };return SidePageContainer;}(React.Component);SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer';

package/components/SidePage/SidePageContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePageContainer.tsx"],"names":["React","styles","SidePageContainer","render","bodyContainer","props","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB,C;;AAEOC,M;;AAEP;;;;;AAKA,WAAaC,iBAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAA6B;AAC3B,WAAO,6BAAK,SAAS,EAAEF,MAAM,CAACG,aAAvB,IAAuC,KAAKC,KAAL,CAAWC,QAAlD,CAAP;AACD,GALH,4BAAuCN,KAAK,CAACO,SAA7C,EAAaL,iB,CACGM,mB,GAAsB,mB","sourcesContent":["import React from 'react';\r\n\r\nimport styles from './SidePage.module.less';\r\n\r\n/**\r\n * Контейнер с отступами\r\n *\r\n * @visibleName SidePage.Container\r\n */\r\nexport class SidePageContainer extends React.Component {\r\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\r\n\r\n  public render(): JSX.Element {\r\n    return <div className={styles.bodyContainer}>{this.props.children}</div>;\r\n  }\r\n}\r\n"]}

package/components/SidePage/SidePageContext.js

@@ -1,16 +0,0 @@
-import React from 'react';
-
-
-
-
-
-
-
-
-
-
-export var SidePageContext = React.createContext({
-  requestClose: function requestClose() {return undefined;},
-  getWidth: function getWidth() {return 'auto';},
-  updateLayout: function updateLayout() {return undefined;},
-  footerRef: function footerRef() {return undefined;} });

package/components/SidePage/SidePageContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePageContext.ts"],"names":["React","SidePageContext","createContext","requestClose","undefined","getWidth","updateLayout","footerRef"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;AAWA,OAAO,IAAMC,eAAe,GAAGD,KAAK,CAACE,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","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}\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"]}

package/components/SidePage/SidePageFooter.js

@@ -1,120 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles } from './SidePage.styles';import
-styles from "./SidePage.module.css";
-import { SidePageContext } from './SidePageContext';
-
-
-
-
-
-
-
-
-
-/**
-                                                      * Футер сайдпейджа.
-                                                      *
-                                                      * @visibleName SidePage.Footer
-                                                      */
-
-export var SidePageFooter = /*#__PURE__*/function (_React$Component) {_inheritsLoose(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.
-
-
-
-    context = _this.context;_this.
-
-    state = {
-      fixed: false };_this.
-
-
-    theme = void 0;_this.
-    content = null;_this.
-    wrapper = null;_this.
-    layoutSub = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    update = function () {
-      _this.setProperStyles();
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refContent = function (node) {
-      _this.content = node;
-    };_this.
-
-    refWrapper = function (node) {
-      _this.wrapper = node;
-    };_this.
-
-    setProperStyles = function () {
-      if (_this.wrapper && _this.content) {
-        var wrapperRect = _this.wrapper.getBoundingClientRect();
-        var contentRect = _this.content.getBoundingClientRect();
-        var _fixed = wrapperRect.top > contentRect.top;
-        _this.setState({ fixed: _fixed });
-      }
-    };return _this;}var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);};_proto.componentWillUnmount = function componentWillUnmount() {this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;return React.createElement("div", { style: { height: this.getContentHeight() }, ref: this.refWrapper }, React.createElement(SidePageContext.Consumer, null, function (_ref) {var _cx;var getWidth = _ref.getWidth;return React.createElement("div", { className: styles.footer, style: { width: getWidth() } }, React.createElement("div", { className: cx(styles.footerContent, (_cx = {}, _cx[styles.panel] = !!_this3.props.panel, _cx[jsStyles.panel(_this3.theme)] = !!_this3.props.panel, _cx[styles.fixed] = _this3.state.fixed, _cx[jsStyles.fixed(_this3.theme)] = _this3.state.fixed, _cx)), ref: _this3.refContent }, _this3.props.children));}));};_proto.
-
-  getContentHeight = function getContentHeight() {
-    if (!this.content) {
-      return 'auto';
-    }
-    return this.content.getBoundingClientRect().height;
-  };return SidePageFooter;}(React.Component);SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter';SidePageFooter.contextType = SidePageContext;

package/components/SidePage/SidePageFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePageFooter.tsx"],"names":["React","LayoutEvents","cx","ThemeConsumer","jsStyles","styles","SidePageContext","SidePageFooter","context","state","fixed","theme","content","wrapper","layoutSub","update","setProperStyles","refContent","node","refWrapper","wrapperRect","getBoundingClientRect","contentRect","top","setState","componentDidMount","footerRef","addListener","componentWillUnmount","remove","render","renderMain","height","getContentHeight","getWidth","footer","width","footerContent","panel","props","children","Component","__KONTUR_REACT_UI__","contextType"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport styles from './SidePage.module.less';\r\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\r\n\r\nexport interface SidePageFooterProps {\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      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\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      <div style={{ height: this.getContentHeight() }} ref={this.refWrapper}>\r\n        <SidePageContext.Consumer>\r\n          {({ getWidth }) => (\r\n            <div\r\n              className={styles.footer}\r\n              style={{\r\n                width: getWidth(),\r\n              }}\r\n            >\r\n              <div\r\n                className={cx(styles.footerContent, {\r\n                  [styles.panel]: !!this.props.panel,\r\n                  [jsStyles.panel(this.theme)]: !!this.props.panel,\r\n                  [styles.fixed]: this.state.fixed,\r\n                  [jsStyles.fixed(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    );\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"]}

package/components/SidePage/SidePageHeader.js

@@ -1,133 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-import { Sticky } from '../Sticky';
-import { CrossIcon } from '../internal/icons/CrossIcon';
-import { isFunction } from '../../lib/utils';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { jsStyles } from './SidePage.styles';import
-styles from "./SidePage.module.css";
-import { SidePageContext } from './SidePageContext';
-
-var REGULAR_HEADER_PADDING_TOP = 25;
-var FIXED_HEADER_PADDING_TOP = 13;
-var FONT_FAMILY_CORRECTION = 1;
-var CLOSE_ELEMENT_OFFSET = REGULAR_HEADER_PADDING_TOP - FIXED_HEADER_PADDING_TOP - FONT_FAMILY_CORRECTION;
-var FIXED_HEADER_HEIGHT = 50;
-
-
-
-
-
-
-
-
-
-/**
-                               * Шапка сайдпейджа
-                               *
-                               * @visibleName SidePage.Header
-                               */
-export var SidePageHeader = /*#__PURE__*/function (_React$Component) {_inheritsLoose(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.
-
-
-    state = {
-      isReadyToFix: false };_this.
-
-
-    theme = void 0;_this.
-    wrapper = null;_this.
-    lastRegularHeight = 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-    componentDidMount = function () {
-      window.addEventListener('scroll', _this.update, true);
-    };_this.
-
-    componentWillUnmount = function () {
-      window.removeEventListener('scroll', _this.update, true);
-    };_this.
-
-    update = function () {
-      _this.updateReadyToFix();
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderHeader = function (fixed) {var _cx, _cx2;if (fixed === void 0) {fixed = false;}
-      return (
-        React.createElement("div", { className: cx(styles.header, (_cx = {}, _cx[styles.fixed] = fixed, _cx[jsStyles.fixed(_this.theme)] = fixed, _cx)) },
-        _this.renderClose(),
-        React.createElement("div", { className: cx(styles.title, (_cx2 = {}, _cx2[styles.fixed] = fixed, _cx2[jsStyles.fixed(_this.theme)] = fixed, _cx2)) },
-        isFunction(_this.props.children) ? _this.props.children(fixed) : _this.props.children)));
-
-
-
-    };_this.
-
-    renderCloseContent = function (fixed) {return (
-        React.createElement(SidePageContext.Consumer, null,
-        function (_ref) {var _cx3;var requestClose = _ref.requestClose;return (
-            React.createElement("a", {
-              className: cx(styles.close, jsStyles.close(_this.theme), (_cx3 = {}, _cx3[
-              styles.fixed] = fixed, _cx3[
-              jsStyles.fixed(_this.theme)] = fixed, _cx3)),
-
-              onClick: requestClose,
-              "data-tid": "SidePage-Close" },
-
-            React.createElement("span", { className: styles.closeIcon },
-            React.createElement(CrossIcon, null))));}));};_this.
-
-
-
-
-
-
-    renderClose = function () {return (
-        React.createElement(Sticky, { side: "top", offset: CLOSE_ELEMENT_OFFSET },
-        _this.renderCloseContent));};_this.
-
-
-
-    updateReadyToFix = function () {
-      if (_this.wrapper) {
-        var wrapperScrolledUp = _this.wrapper.getBoundingClientRect().top;
-        var isReadyToFix = _this.regularHeight + wrapperScrolledUp <= FIXED_HEADER_HEIGHT;
-        _this.setState(function (state) {return state.isReadyToFix !== isReadyToFix ? { isReadyToFix: isReadyToFix } : state;});
-      }
-    };_this.
-
-    wrapperRef = function (el) {
-      _this.wrapper = el;
-    };return _this;}var _proto = SidePageHeader.prototype;_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var isReadyToFix = this.state.isReadyToFix;return React.createElement("div", { ref: this.wrapperRef }, isReadyToFix ? React.createElement(Sticky, { side: "top" }, this.renderHeader) : this.renderHeader());};_createClass(SidePageHeader, [{ key: "regularHeight", get: function get() {var isReadyToFix = this.state.isReadyToFix;if (!this.wrapper) {return 0;}if (!isReadyToFix) {this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;}return this.lastRegularHeight;} }]);return SidePageHeader;}(React.Component);SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader';

package/components/SidePage/SidePageHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SidePageHeader.tsx"],"names":["React","Sticky","CrossIcon","isFunction","cx","ThemeConsumer","jsStyles","styles","SidePageContext","REGULAR_HEADER_PADDING_TOP","FIXED_HEADER_PADDING_TOP","FONT_FAMILY_CORRECTION","CLOSE_ELEMENT_OFFSET","FIXED_HEADER_HEIGHT","SidePageHeader","state","isReadyToFix","theme","wrapper","lastRegularHeight","componentDidMount","window","addEventListener","update","componentWillUnmount","removeEventListener","updateReadyToFix","renderHeader","fixed","header","renderClose","title","props","children","renderCloseContent","requestClose","close","closeIcon","wrapperScrolledUp","getBoundingClientRect","top","regularHeight","setState","wrapperRef","el","render","renderMain","height","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { Sticky } from '../Sticky';\r\nimport { CrossIcon } from '../internal/icons/CrossIcon';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './SidePage.styles';\r\nimport styles from './SidePage.module.less';\r\nimport { SidePageContext } from './SidePageContext';\r\n\r\nconst REGULAR_HEADER_PADDING_TOP = 25;\r\nconst FIXED_HEADER_PADDING_TOP = 13;\r\nconst FONT_FAMILY_CORRECTION = 1;\r\nconst CLOSE_ELEMENT_OFFSET = REGULAR_HEADER_PADDING_TOP - FIXED_HEADER_PADDING_TOP - FONT_FAMILY_CORRECTION;\r\nconst FIXED_HEADER_HEIGHT = 50;\r\n\r\nexport interface SidePageHeaderProps {\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 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      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { isReadyToFix } = this.state;\r\n    return (\r\n      <div ref={this.wrapperRef}>\r\n        {isReadyToFix ? <Sticky side=\"top\">{this.renderHeader}</Sticky> : this.renderHeader()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderHeader = (fixed = false) => {\r\n    return (\r\n      <div className={cx(styles.header, { [styles.fixed]: fixed, [jsStyles.fixed(this.theme)]: fixed })}>\r\n        {this.renderClose()}\r\n        <div className={cx(styles.title, { [styles.fixed]: fixed, [jsStyles.fixed(this.theme)]: 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={cx(styles.close, jsStyles.close(this.theme), {\r\n            [styles.fixed]: fixed,\r\n            [jsStyles.fixed(this.theme)]: fixed,\r\n          })}\r\n          onClick={requestClose}\r\n          data-tid=\"SidePage-Close\"\r\n        >\r\n          <span className={styles.closeIcon}>\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    <Sticky side=\"top\" offset={CLOSE_ELEMENT_OFFSET}>\r\n      {this.renderCloseContent}\r\n    </Sticky>\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 <= FIXED_HEADER_HEIGHT;\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"]}

package/components/SidePage/index.js

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

package/components/SidePage/index.js.map

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