@skbkontur/react-ui 3.9.4 → 3.10.0-fileuploader.3

package/components/SidePage/SidePage.d.ts

@@ -1,104 +1,105 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageBody } from './SidePageBody';
-import { SidePageContainer } from './SidePageContainer';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-export interface SidePageProps extends CommonProps {
-    /**
-     * Добавить блокирующий фон, когда сайдпейдж открыт
-     */
-    blockBackground?: boolean;
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
-     */
-    disableClose?: boolean;
-    /**
-     * Не закрывать сайдпейдж при клике на фон.
-     */
-    ignoreBackgroundClick?: boolean;
-    /**
-     * Задать ширину сайдпейджа
-     */
-    width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
-     * Escape или на крестик).
-     */
-    onClose?: () => void;
-    /**
-     * Показывать сайдпэйдж слева
-     *
-     */
-    fromLeft?: boolean;
-    /**
-     * Отключить анимации
-     *
-     */
-    disableAnimations?: boolean;
-    /**
-     * Работает только при заблокированном фоне: `blockBackground = true`
-     */
-    disableFocusLock: boolean;
-    /**
-     * задает отступ от края экрана
-     */
-    offset?: number | string;
-}
-export interface SidePageState {
-    stackPosition?: number;
-    hasMargin?: boolean;
-    hasShadow?: boolean;
-    hasBackground?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-/**
- * Сайдпейдж
- *
- * Содержит в себе три компоненты: **SidePage.Header**,
- * **SidePage.Body** и **SidePage.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- */
-export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof SidePageHeader;
-    static Body: typeof SidePageBody;
-    static Footer: typeof SidePageFooter;
-    static Container: typeof SidePageContainer;
-    state: SidePageState;
-    private theme;
-    private stackSubscription;
-    private layoutRef;
-    private footer;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /**
-     * Обновляет разметку компонента.
-     * @public
-     */
-    updateLayout: () => void;
-    static defaultProps: {
-        disableAnimations: boolean;
-        disableFocusLock: boolean;
-        offset: number;
-    };
-    render(): JSX.Element;
-    private renderMain;
-    private renderContainer;
-    private getSidePageContextProps;
-    private getWidth;
-    private renderShadow;
-    private getTransitionNames;
-    private handleStackChange;
-    private handleClickOutside;
-    private handleKeyDown;
-    private requestClose;
-    private footerRef;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageBody } from './SidePageBody';
+import { SidePageContainer } from './SidePageContainer';
+import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
+export interface SidePageProps extends CommonProps {
+    /**
+     * Добавить блокирующий фон, когда сайдпейдж открыт
+     */
+    blockBackground?: boolean;
+    /**
+     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
+     */
+    disableClose?: boolean;
+    /**
+     * Не закрывать сайдпейдж при клике на фон.
+     */
+    ignoreBackgroundClick?: boolean;
+    /**
+     * Задать ширину сайдпейджа
+     */
+    width?: number | string;
+    /**
+     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
+     * Escape или на крестик).
+     */
+    onClose?: () => void;
+    /**
+     * Показывать сайдпэйдж слева
+     *
+     */
+    fromLeft?: boolean;
+    /**
+     * Отключить анимации
+     *
+     */
+    disableAnimations?: boolean;
+    /**
+     * Работает только при заблокированном фоне: `blockBackground = true`
+     */
+    disableFocusLock: boolean;
+    /**
+     * задает отступ от края экрана
+     */
+    offset?: number | string;
+}
+export interface SidePageState {
+    stackPosition?: number;
+    hasMargin?: boolean;
+    hasShadow?: boolean;
+    hasBackground?: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+/**
+ * Сайдпейдж
+ *
+ * Содержит в себе три компоненты: **SidePage.Header**,
+ * **SidePage.Body** и **SidePage.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ */
+export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof SidePageHeader;
+    static Body: typeof SidePageBody;
+    static Footer: typeof SidePageFooter;
+    static Container: typeof SidePageContainer;
+    state: SidePageState;
+    private theme;
+    private stackSubscription;
+    private layoutRef;
+    private footer;
+    private rootRef;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Обновляет разметку компонента.
+     * @public
+     */
+    updateLayout: () => void;
+    static defaultProps: {
+        disableAnimations: boolean;
+        disableFocusLock: boolean;
+        offset: number;
+    };
+    render(): JSX.Element;
+    private renderMain;
+    private renderContainer;
+    private getSidePageContextProps;
+    private getWidth;
+    private renderShadow;
+    private getTransitionNames;
+    private handleStackChange;
+    private handleClickOutside;
+    private handleKeyDown;
+    private requestClose;
+    private footerRef;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}

package/components/SidePage/SidePage.styles.d.ts

@@ -1,37 +1,37 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    overlay(): string;
-    body(): string;
-    container(t: Theme): string;
-    containerWithoutHeader(t: Theme): string;
-    containerWithoutFooter(t: Theme): string;
-    containerWithPanel(t: Theme): string;
-    focusLock(): string;
-    wrapper(t: Theme): string;
-    wrapperLeft(): string;
-    wrapperMarginLeft(): string;
-    wrapperMarginRight(): string;
-    headerWrapper(): string;
-    header(t: Theme): string;
-    headerFixed(t: Theme): string;
-    title(t: Theme): string;
-    titleFixed(): string;
-    background(): string;
-    backgroundGray(t: Theme): string;
-    shadow(t: Theme): string;
-    close(t: Theme): string;
-    closeFocus(t: Theme): string;
-    wrapperClose(t: Theme): string;
-    panel(t: Theme): string;
-    fixed(t: Theme): string;
-    footerWrapper(): string;
-    footer(): string;
-    footerContent(t: Theme): string;
-    footerFixed(t: Theme): string;
-    transitionLeft(): string;
-    transitionRight(): string;
-    transitionActive(): string;
-    transitionLeave(): string;
-    transitionLeaveActive(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    overlay(): string;
+    body(): string;
+    container(t: Theme): string;
+    containerWithoutHeader(t: Theme): string;
+    containerWithoutFooter(t: Theme): string;
+    containerWithPanel(t: Theme): string;
+    focusLock(): string;
+    wrapper(t: Theme): string;
+    wrapperLeft(): string;
+    wrapperMarginLeft(): string;
+    wrapperMarginRight(): string;
+    headerWrapper(): string;
+    header(t: Theme): string;
+    headerFixed(t: Theme): string;
+    title(t: Theme): string;
+    titleFixed(): string;
+    background(): string;
+    backgroundGray(t: Theme): string;
+    shadow(t: Theme): string;
+    close(t: Theme): string;
+    closeFocus(t: Theme): string;
+    wrapperClose(t: Theme): string;
+    panel(t: Theme): string;
+    fixed(t: Theme): string;
+    footerWrapper(): string;
+    footer(): string;
+    footerContent(t: Theme): string;
+    footerFixed(t: Theme): string;
+    transitionLeft(): string;
+    transitionRight(): string;
+    transitionActive(): string;
+    transitionLeave(): string;
+    transitionLeaveActive(): string;
+};

package/components/SidePage/SidePageBody/SidePageBody.js

@@ -1,15 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
 import { styles } from "../SidePage.styles";
 import { SidePageContext } from "../SidePageContext";
+export
 /**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
- */
-
-export var SidePageBody = /*#__PURE__*/function (_React$Component) {
+* Тело для сайдпейджа
+*
+* @visibleName SidePage.Body
+*/
+var SidePageBody = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(SidePageBody, _React$Component);
 
   function SidePageBody() {
@@ -21,6 +26,7 @@ export var SidePageBody = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.context = _this.context;
+    _this.setRootNode = void 0;
     return _this;
   }
 
@@ -31,12 +37,12 @@ export var SidePageBody = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
       className: styles.body()
     }, this.props.children));
   };
 
   return SidePageBody;
-}(React.Component);
-SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody';
-SidePageBody.contextType = SidePageContext;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'SidePageBody', _class2.contextType = SidePageContext, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageBody.tsx"],"names":["React","CommonWrapper","styles","SidePageContext","SidePageBody","context","componentDidUpdate","updateLayout","render","props","body","children","Component","__KONTUR_REACT_UI__","contextType"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,eAAT,QAAqD,mBAArD;;;;;AAKA;AACA;AACA;AACA;AACA;AACA,WAAaC,YAAb;;;;AAISC,IAAAA,OAJT,GAIwC,MAAKA,OAJ7C;;AAMSC,EAAAA,kBANT,GAME,8BAA4B;AAC1B,SAAKD,OAAL,CAAaE,YAAb;AACD,GARH;;AAUSC,EAAAA,MAVT,GAUE,kBAAgB;AACd;AACE,0BAAC,aAAD,EAAmB,KAAKC,KAAxB;AACE,mCAAK,SAAS,EAAEP,MAAM,CAACQ,IAAP,EAAhB,IAAgC,KAAKD,KAAL,CAAWE,QAA3C,CADF,CADF;;;AAKD,GAhBH,uBAAkCX,KAAK,CAACY,SAAxC,EAAaR,Y,CACGS,mB,GAAsB,c,CADzBT,Y,CAGGU,W,GAAcX,e","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { styles } 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={styles.body()}>{this.props.children}</div>\n      </CommonWrapper>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["SidePageBody.tsx"],"names":["React","CommonWrapper","rootNode","styles","SidePageContext","SidePageBody","context","setRootNode","componentDidUpdate","updateLayout","render","props","body","children","Component","__KONTUR_REACT_UI__","contextType"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,eAAT,QAAqD,mBAArD;;;;;;;;;;;AAWA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,YAAb,GADCH,QACD,0WAISI,OAJT,GAIwC,MAAKA,OAJ7C;AAKUC,IAAAA,WALV;;AAOSC,EAAAA,kBAPT,GAOE,8BAA4B;AAC1B,SAAKF,OAAL,CAAaG,YAAb;AACD,GATH;;AAWSC,EAAAA,MAXT,GAWE,kBAAgB;AACd;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKH,WAAjC,IAAkD,KAAKI,KAAvD;AACE,mCAAK,SAAS,EAAER,MAAM,CAACS,IAAP,EAAhB,IAAgC,KAAKD,KAAL,CAAWE,QAA3C,CADF,CADF;;;AAKD,GAjBH,uBAAkCb,KAAK,CAACc,SAAxC,WACgBC,mBADhB,GACsC,cADtC,UAGgBC,WAHhB,GAG8BZ,eAH9B","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\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/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\n@rootNode\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  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.body()}>{this.props.children}</div>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/components/SidePage/SidePageBody.d.ts

@@ -1,18 +1,19 @@
-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;
+    private setRootNode;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+}

package/components/SidePage/SidePageContainer/SidePageContainer.js

@@ -1,17 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { styles } from "../SidePage.styles";
 import { SidePageContext } from "../SidePageContext";
+export
 /**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
- */
-
-export var SidePageContainer = /*#__PURE__*/function (_React$Component) {
+* Контейнер с отступами
+*
+* @visibleName SidePage.Container
+*/
+var SidePageContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(SidePageContainer, _React$Component);
 
   function SidePageContainer() {
@@ -23,6 +28,7 @@ export var SidePageContainer = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.theme = void 0;
+    _this.setRootNode = void 0;
     return _this;
   }
 
@@ -46,12 +52,13 @@ export var SidePageContainer = /*#__PURE__*/function (_React$Component) {
       var hasHeader = _ref.hasHeader,
           hasFooter = _ref.hasFooter,
           hasPanel = _ref.hasPanel;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this3.props, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this3.setRootNode
+      }, _this3.props), /*#__PURE__*/React.createElement("div", {
         className: cx((_cx = {}, _cx[styles.container(_this3.theme)] = true, _cx[styles.containerWithoutHeader(_this3.theme)] = !hasHeader, _cx[styles.containerWithoutFooter(_this3.theme)] = !hasFooter, _cx[styles.containerWithPanel(_this3.theme)] = hasPanel, _cx))
       }, _this3.props.children));
     });
   };
 
   return SidePageContainer;
-}(React.Component);
-SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer';
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'SidePageContainer', _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePageContainer.tsx"],"names":["React","ThemeContext","CommonWrapper","cx","styles","SidePageContext","SidePageContainer","theme","render","renderMain","hasHeader","hasFooter","hasPanel","props","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,eAAT,QAAgC,mBAAhC;;;;AAIA;AACA;AACA;AACA;AACA;AACA,WAAaC,iBAAb;;;AAGUC,IAAAA,KAHV;;AAKSC,EAAAA,MALT,GAKE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACD,KAAD,EAAW;AACV,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAdH;;AAgBSA,EAAAA,UAhBT,GAgBE,sBAAoB;AAClB;AACE,0BAAC,eAAD,CAAiB,QAAjB;AACG,mCAAGC,SAAH,QAAGA,SAAH,CAAcC,SAAd,QAAcA,SAAd,CAAyBC,QAAzB,QAAyBA,QAAzB;AACC,8BAAC,aAAD,EAAmB,MAAI,CAACC,KAAxB;AACE;AACE,YAAA,SAAS,EAAEV,EAAE;AACVC,YAAAA,MAAM,CAACU,SAAP,CAAiB,MAAI,CAACP,KAAtB,CADU,IACqB,IADrB;AAEVH,YAAAA,MAAM,CAACW,sBAAP,CAA8B,MAAI,CAACR,KAAnC,CAFU,IAEkC,CAACG,SAFnC;AAGVN,YAAAA,MAAM,CAACY,sBAAP,CAA8B,MAAI,CAACT,KAAnC,CAHU,IAGkC,CAACI,SAHnC;AAIVP,YAAAA,MAAM,CAACa,kBAAP,CAA0B,MAAI,CAACV,KAA/B,CAJU,IAI8BK,QAJ9B,OADf;;;AAQG,UAAA,MAAI,CAACC,KAAL,CAAWK,QARd,CADF,CADD,GADH,CADF;;;;;;AAkBD,GAnCH,4BAAuClB,KAAK,CAACmB,SAA7C,EAAab,iB,CACGc,mB,GAAsB,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';\n\nimport { styles } 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={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              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["SidePageContainer.tsx"],"names":["React","ThemeContext","CommonWrapper","cx","rootNode","styles","SidePageContext","SidePageContainer","theme","setRootNode","render","renderMain","hasHeader","hasFooter","hasPanel","props","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","children","Component","__KONTUR_REACT_UI__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,eAAT,QAAgC,mBAAhC;;;;;;;;;;AAUA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,iBAAb,GADCH,QACD,oXAGUI,KAHV,gBAIUC,WAJV;;AAMSC,EAAAA,MANT,GAME,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACF,KAAD,EAAW;AACV,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACG,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAfH;;AAiBSA,EAAAA,UAjBT,GAiBE,sBAAoB;AAClB;AACE,0BAAC,eAAD,CAAiB,QAAjB;AACG,mCAAGC,SAAH,QAAGA,SAAH,CAAcC,SAAd,QAAcA,SAAd,CAAyBC,QAAzB,QAAyBA,QAAzB;AACC,8BAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACL,WAAjC,IAAkD,MAAI,CAACM,KAAvD;AACE;AACE,YAAA,SAAS,EAAEZ,EAAE;AACVE,YAAAA,MAAM,CAACW,SAAP,CAAiB,MAAI,CAACR,KAAtB,CADU,IACqB,IADrB;AAEVH,YAAAA,MAAM,CAACY,sBAAP,CAA8B,MAAI,CAACT,KAAnC,CAFU,IAEkC,CAACI,SAFnC;AAGVP,YAAAA,MAAM,CAACa,sBAAP,CAA8B,MAAI,CAACV,KAAnC,CAHU,IAGkC,CAACK,SAHnC;AAIVR,YAAAA,MAAM,CAACc,kBAAP,CAA0B,MAAI,CAACX,KAA/B,CAJU,IAI8BM,QAJ9B,OADf;;;AAQG,UAAA,MAAI,CAACC,KAAL,CAAWK,QARd,CADF,CADD,GADH,CADF;;;;;;AAkBD,GApCH,4BAAuCpB,KAAK,CAACqB,SAA7C,WACgBC,mBADhB,GACsC,mBADtC","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 { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n\n  private theme!: Theme;\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              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              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"]}

package/components/SidePage/SidePageContainer.d.ts

@@ -1,14 +1,15 @@
-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;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+}

package/components/SidePage/SidePageContext.d.ts

@@ -1,15 +1,15 @@
-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;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-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;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
+}
+export declare const SidePageContext: React.Context<SidePageContextType>;

package/components/SidePage/SidePageFooter/SidePageFooter.js

@@ -1,18 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { styles } from "../SidePage.styles";
 import { SidePageContext } from "../SidePageContext";
+export
 /**
- * Футер сайдпейджа.
- *
- * @visibleName SidePage.Footer
- */
-
-export var SidePageFooter = /*#__PURE__*/function (_React$Component) {
+* Футер сайдпейджа.
+*
+* @visibleName SidePage.Footer
+*/
+var SidePageFooter = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(SidePageFooter, _React$Component);
 
   function SidePageFooter() {
@@ -29,8 +35,8 @@ export var SidePageFooter = /*#__PURE__*/function (_React$Component) {
     };
     _this.theme = void 0;
     _this.content = null;
-    _this.wrapper = null;
     _this.layoutSub = null;
+    _this.setRootNode = void 0;
 
     _this.update = function () {
       _this.setProperStyles();
@@ -40,13 +46,11 @@ export var SidePageFooter = /*#__PURE__*/function (_React$Component) {
       _this.content = node;
     };
 
-    _this.refWrapper = function (node) {
-      _this.wrapper = node;
-    };
-
     _this.setProperStyles = function () {
-      if (_this.wrapper && _this.content) {
-        var wrapperRect = _this.wrapper.getBoundingClientRect();
+      var wrapper = getRootNode(_assertThisInitialized(_this));
+
+      if (wrapper && _this.content) {
+        var wrapperRect = wrapper.getBoundingClientRect();
 
         var contentRect = _this.content.getBoundingClientRect();
 
@@ -104,12 +108,13 @@ export var SidePageFooter = /*#__PURE__*/function (_React$Component) {
   _proto.renderMain = function renderMain() {
     var _this3 = this;
 
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
       style: {
         height: this.getContentHeight()
       },
-      className: styles.footerWrapper(),
-      ref: this.refWrapper
+      className: styles.footerWrapper()
     }, /*#__PURE__*/React.createElement(SidePageContext.Consumer, null, function (_ref) {
       var _cx;
 
@@ -135,6 +140,4 @@ export var SidePageFooter = /*#__PURE__*/function (_React$Component) {
   };
 
   return SidePageFooter;
-}(React.Component);
-SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter';
-SidePageFooter.contextType = SidePageContext;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'SidePageFooter', _class2.contextType = SidePageContext, _temp)) || _class;