@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

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

@@ -21,18 +21,25 @@ export declare const styles: {
     mobileHeader(t: Theme): string;
     headerFixed(t: Theme): string;
     title(t: Theme): string;
+    title5_1(t: Theme): string;
     mobileTitle(t: Theme): string;
     titleFixed(): string;
     background(): string;
     backgroundGray(t: Theme): string;
     shadow(t: Theme): string;
     close(t: Theme): string;
-    mobileClose(t: Theme): string;
+    close5_1(t: Theme): string;
+    closeSticky(t: Theme): string;
+    closeMobile(t: Theme): string;
     closeFocus(t: Theme): string;
+    closeFocus5_1(t: Theme): string;
     wrapperClose(t: Theme): string;
+    wrapperClose5_1(t: Theme): string;
     mobileWrapperClose(t: Theme): string;
+    mobileWrapperClose5_1(t: Theme): string;
     panel(t: Theme): string;
     wrapperCloseFixed(t: Theme): string;
+    wrapperCloseFixed5_1(t: Theme): string;
     footerWrapper(): string;
     footer(t: Theme): string;
     positionStatic(): string;

package/components/SidePage/SidePageCloseButton/SidePageCloseButton.js

@@ -5,12 +5,15 @@ import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
 import { XIcon20Regular } from "../../../internal/icons2022/XIcon/XIcon20Regular";
 import { cx } from "../../../lib/theming/Emotion";
 import { keyListener } from "../../../lib/events/keyListener";
+import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../SidePage.styles";
 import { SidePageLocaleHelper } from "../locale";
 import { SidePageHeaderDataTids } from "../SidePageHeader";
 import { SidePageContext } from "../SidePageContext";
-export var SidePageCloseButton = function SidePageCloseButton() {
+export var SidePageCloseButton = function SidePageCloseButton(_ref) {
   var _cx;
+  var isHeaderFixed = _ref.isHeaderFixed,
+    isMobile = _ref.isMobile;
   var _useState = useState(false),
     isFocusedByTab = _useState[0],
     setIsFocusedByTab = _useState[1];
@@ -30,10 +33,11 @@ export var SidePageCloseButton = function SidePageCloseButton() {
   var icon = /*#__PURE__*/React.createElement(XIcon20Regular, {
     align: "none"
   });
+  var versionGTE5_1 = isThemeGTE(theme, '5.1');
   return /*#__PURE__*/(
     React.createElement("button", {
       "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
-      className: cx(styles.close(theme), (_cx = {}, _cx[styles.closeFocus(theme)] = isFocusedByTab, _cx)),
+      className: cx(styles.close(theme), (_cx = {}, _cx[styles.close5_1(theme)] = versionGTE5_1, _cx[styles.closeFocus(theme)] = isFocusedByTab && !versionGTE5_1, _cx[styles.closeFocus5_1(theme)] = isFocusedByTab && versionGTE5_1, _cx[styles.closeSticky(theme)] = isHeaderFixed && versionGTE5_1, _cx[styles.closeMobile(theme)] = isMobile && versionGTE5_1, _cx)),
       onFocus: handleFocus,
       onBlur: handleBlur,
       onClick: sidePageContext.requestClose,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useState","globalObject","ThemeContext","useLocaleForControl","XIcon20Regular","cx","keyListener","styles","SidePageLocaleHelper","SidePageHeaderDataTids","SidePageContext","SidePageCloseButton","_cx","_useState","isFocusedByTab","setIsFocusedByTab","locale","theme","sidePageContext","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","closeButtonAriaLabel","className","close","closeFocus","onFocus","onBlur","onClick","requestClose","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport const SidePageCloseButton = () => {\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.closeFocus(theme)]: isFocusedByTab,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,SAASC,cAAc,QAAQ,+CAA+C;AAC9E,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,oBAAoB,QAAQ,UAAU;AAC/C,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS,KAAAC,GAAA;EACvC,IAAAC,SAAA,GAA4Cb,QAAQ,CAAC,KAAK,CAAC,CAApDc,cAAc,GAAAD,SAAA,IAAEE,iBAAiB,GAAAF,SAAA;;EAExC,IAAMG,MAAM,GAAGb,mBAAmB,CAAC,UAAU,EAAEK,oBAAoB,CAAC;EACpE,IAAMS,KAAK,GAAGlB,UAAU,CAACG,YAAY,CAAC;EACtC,IAAMgB,eAAe,GAAGnB,UAAU,CAACW,eAAe,CAAC;;EAEnD,IAAMS,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBlB,YAAY,CAACmB,qBAAqB,YAAlCnB,YAAY,CAACmB,qBAAqB,CAAG,YAAM;MACzC,IAAId,WAAW,CAACe,YAAY,EAAE;QAC5BN,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBP,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;;EAED,IAAMQ,IAAI,gBAAGzB,KAAA,CAAA0B,aAAA,CAACpB,cAAc,IAACqB,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C;IACE3B,KAAA,CAAA0B,aAAA;MACE,cAAYR,MAAM,oBAANA,MAAM,CAAEU,oBAAqB;MACzCC,SAAS,EAAEtB,EAAE,CAACE,MAAM,CAACqB,KAAK,CAACX,KAAK,CAAC,GAAAL,GAAA,OAAAA,GAAA;MAC9BL,MAAM,CAACsB,UAAU,CAACZ,KAAK,CAAC,IAAGH,cAAc,EAAAF,GAAA;MAC3C,CAAE;MACHkB,OAAO,EAAEX,WAAY;MACrBY,MAAM,EAAET,UAAW;MACnBU,OAAO,EAAEd,eAAe,CAACe,YAAa;MACtC,YAAUxB,sBAAsB,CAACmB,KAAM;;IAEtCL;IACK,CAAC;;AAEb,CAAC;;AAEDZ,mBAAmB,CAACuB,mBAAmB,GAAG,qBAAqB;AAC/DvB,mBAAmB,CAACwB,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","useContext","useState","globalObject","ThemeContext","useLocaleForControl","XIcon20Regular","cx","keyListener","isThemeGTE","styles","SidePageLocaleHelper","SidePageHeaderDataTids","SidePageContext","SidePageCloseButton","_ref","_cx","isHeaderFixed","isMobile","_useState","isFocusedByTab","setIsFocusedByTab","locale","theme","sidePageContext","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","versionGTE5_1","closeButtonAriaLabel","className","close","close5_1","closeFocus","closeFocus5_1","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n  isHeaderFixed: boolean;\n  isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.close5_1(theme)]: versionGTE5_1,\n        [styles.closeFocus(theme)]: isFocusedByTab && !versionGTE5_1,\n        [styles.closeFocus5_1(theme)]: isFocusedByTab && versionGTE5_1,\n        [styles.closeSticky(theme)]: isHeaderFixed && versionGTE5_1,\n        [styles.closeMobile(theme)]: isMobile && versionGTE5_1,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,mBAAmB,QAAQ,sCAAsC;AAC1E,SAASC,cAAc,QAAQ,+CAA+C;AAC9E,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,SAASC,UAAU,QAAQ,gCAAgC;;AAE3D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,oBAAoB,QAAQ,UAAU;AAC/C,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,eAAe,QAAQ,mBAAmB;;;;;;;AAOnD,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA8D,KAAAC,GAAA,KAAxDC,aAAa,GAAAF,IAAA,CAAbE,aAAa,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAC3D,IAAAC,SAAA,GAA4CjB,QAAQ,CAAC,KAAK,CAAC,CAApDkB,cAAc,GAAAD,SAAA,IAAEE,iBAAiB,GAAAF,SAAA;;EAExC,IAAMG,MAAM,GAAGjB,mBAAmB,CAAC,UAAU,EAAEM,oBAAoB,CAAC;EACpE,IAAMY,KAAK,GAAGtB,UAAU,CAACG,YAAY,CAAC;EACtC,IAAMoB,eAAe,GAAGvB,UAAU,CAACY,eAAe,CAAC;;EAEnD,IAAMY,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBtB,YAAY,CAACuB,qBAAqB,YAAlCvB,YAAY,CAACuB,qBAAqB,CAAG,YAAM;MACzC,IAAIlB,WAAW,CAACmB,YAAY,EAAE;QAC5BN,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBP,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;;EAED,IAAMQ,IAAI,gBAAG7B,KAAA,CAAA8B,aAAA,CAACxB,cAAc,IAACyB,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C,IAAMC,aAAa,GAAGvB,UAAU,CAACc,KAAK,EAAE,KAAK,CAAC;EAC9C;IACEvB,KAAA,CAAA8B,aAAA;MACE,cAAYR,MAAM,oBAANA,MAAM,CAAEW,oBAAqB;MACzCC,SAAS,EAAE3B,EAAE,CAACG,MAAM,CAACyB,KAAK,CAACZ,KAAK,CAAC,GAAAP,GAAA,OAAAA,GAAA;MAC9BN,MAAM,CAAC0B,QAAQ,CAACb,KAAK,CAAC,IAAGS,aAAa,EAAAhB,GAAA;MACtCN,MAAM,CAAC2B,UAAU,CAACd,KAAK,CAAC,IAAGH,cAAc,IAAI,CAACY,aAAa,EAAAhB,GAAA;MAC3DN,MAAM,CAAC4B,aAAa,CAACf,KAAK,CAAC,IAAGH,cAAc,IAAIY,aAAa,EAAAhB,GAAA;MAC7DN,MAAM,CAAC6B,WAAW,CAAChB,KAAK,CAAC,IAAGN,aAAa,IAAIe,aAAa,EAAAhB,GAAA;MAC1DN,MAAM,CAAC8B,WAAW,CAACjB,KAAK,CAAC,IAAGL,QAAQ,IAAIc,aAAa,EAAAhB,GAAA;MACvD,CAAE;MACHyB,OAAO,EAAEhB,WAAY;MACrBiB,MAAM,EAAEd,UAAW;MACnBe,OAAO,EAAEnB,eAAe,CAACoB,YAAa;MACtC,YAAUhC,sBAAsB,CAACuB,KAAM;;IAEtCN;IACK,CAAC;;AAEb,CAAC;;AAEDf,mBAAmB,CAAC+B,mBAAmB,GAAG,qBAAqB;AAC/D/B,mBAAmB,CAACgC,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/components/SidePage/SidePageCloseButton.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface SidePageCloseButtonProps extends CommonProps {
+    isHeaderFixed: boolean;
+    isMobile?: boolean;
+}
 export declare const SidePageCloseButton: {
-    (): React.JSX.Element;
+    ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps): React.JSX.Element;
     __KONTUR_REACT_UI__: string;
     displayName: string;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","LayoutEvents","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","Gapped","isNonNullable","ModalSeparator","styles","SidePageContext","SidePageFooterDataTids","root","SidePageFooter","_class","_SidePageFooter","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","wrapperRect","contentRect","top","setState","_inheritsLoose","_proto","prototype","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","setHasFooter","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","createElement","Consumer","theme","renderMain","_this3","separator","_extends","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","_ref","_cx","_cx2","getWidth","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","gap","vertical","children","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /**\n   * Включает серый цвет в футере\n   */\n  panel?: boolean;\n  /**\n   * Закрепляет футер снизу сайдпейджа\n   */\n  sticky?: boolean;\n  /**\n   * Задаёт отступ между элементами футера\n   */\n  gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n  fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n  root: 'SidePageFooter__root',\n} as const;\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n  public static displayName = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n\n  public state: SidePageFooterState = {\n    fixed: false,\n  };\n\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update);\n    this.context.setHasFooter?.();\n    this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n    this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\n    this.context.setHasFooter?.(false);\n    this.context.setHasPanel?.(false);\n  }\n\n  public getSticky() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public update = () => {\n    this.setProperStyles();\n  };\n\n  private renderMain() {\n    const separator: React.ReactNode = (this.props.panel || this.state.fixed) && (\n      <ModalSeparator fixed={this.state.fixed} />\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageFooterDataTids.root}\n          style={{ height: this.getContentHeight() }}\n          className={styles.footerWrapper()}\n        >\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={cx(styles.footer(this.theme), {\n                  [styles.positionStatic()]: !this.getSticky(),\n                })}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                {separator}\n                <div\n                  className={cx(styles.footerContent(this.theme), {\n                    [styles.footerFixed(this.theme)]: this.state.fixed,\n                    [styles.panel(this.theme)]: !!this.props.panel,\n                    [styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n                    [styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n                  })}\n                  ref={this.refContent}\n                >\n                  {isNonNullable(this.props.gap) ? (\n                    <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n                      {this.props.children}\n                    </Gapped>\n                  ) : (\n                    this.props.children\n                  )}\n                </div>\n              </div>\n            )}\n          </SidePageContext.Consumer>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.content = node;\n  };\n\n  private setProperStyles = () => {\n    const wrapper = getRootNode(this);\n    if (wrapper && this.content) {\n      const wrapperRect = getDOMRect(wrapper);\n      const contentRect = getDOMRect(this.content);\n      const fixed = wrapperRect.top > contentRect.top;\n      this.setState({ fixed });\n    }\n  };\n\n  private getContentHeight() {\n    if (!this.content) {\n      return 'auto';\n    }\n    return getDOMRect(this.content).height;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","LayoutEvents","ThemeContext","CommonWrapper","cx","responsiveLayout","getRootNode","rootNode","getDOMRect","Gapped","isNonNullable","ModalSeparator","styles","SidePageContext","SidePageFooterDataTids","root","SidePageFooter","_class","_SidePageFooter","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","wrapperRect","contentRect","top","setState","_inheritsLoose","_proto","prototype","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","setHasFooter","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","createElement","Consumer","theme","renderMain","_this3","separator","_extends","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","_ref","_cx","_cx2","getWidth","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","gap","vertical","children","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу сайдпейджа. */\n  sticky?: boolean;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n  fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n  root: 'SidePageFooter__root',\n} as const;\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n  public static displayName = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n\n  public state: SidePageFooterState = {\n    fixed: false,\n  };\n\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update);\n    this.context.setHasFooter?.();\n    this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n    this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\n    this.context.setHasFooter?.(false);\n    this.context.setHasPanel?.(false);\n  }\n\n  public getSticky() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public update = () => {\n    this.setProperStyles();\n  };\n\n  private renderMain() {\n    const separator: React.ReactNode = (this.props.panel || this.state.fixed) && (\n      <ModalSeparator fixed={this.state.fixed} />\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageFooterDataTids.root}\n          style={{ height: this.getContentHeight() }}\n          className={styles.footerWrapper()}\n        >\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={cx(styles.footer(this.theme), {\n                  [styles.positionStatic()]: !this.getSticky(),\n                })}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                {separator}\n                <div\n                  className={cx(styles.footerContent(this.theme), {\n                    [styles.footerFixed(this.theme)]: this.state.fixed,\n                    [styles.panel(this.theme)]: !!this.props.panel,\n                    [styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n                    [styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n                  })}\n                  ref={this.refContent}\n                >\n                  {isNonNullable(this.props.gap) ? (\n                    <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n                      {this.props.children}\n                    </Gapped>\n                  ) : (\n                    this.props.children\n                  )}\n                </div>\n              </div>\n            )}\n          </SidePageContext.Consumer>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.content = node;\n  };\n\n  private setProperStyles = () => {\n    const wrapper = getRootNode(this);\n    if (wrapper && this.content) {\n      const wrapperRect = getDOMRect(wrapper);\n      const contentRect = getDOMRect(this.content);\n      const fixed = wrapperRect.top > contentRect.top;\n      this.setState({ fixed });\n    }\n  };\n\n  private getContentHeight() {\n    if (!this.content) {\n      return 'auto';\n    }\n    return getDOMRect(this.content).height;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/SidePage/SidePageFooter.d.ts

@@ -3,18 +3,13 @@ import { CommonProps } from '../../internal/CommonWrapper';
 import { GappedProps } from '../Gapped';
 import { SidePageContextType } from './SidePageContext';
 export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
+    /** @ignore */
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    /**
-     * Включает серый цвет в футере
-     */
+    /** Включает серый цвет в футере. */
     panel?: boolean;
-    /**
-     * Закрепляет футер снизу сайдпейджа
-     */
+    /** Закрепляет футер снизу сайдпейджа. */
     sticky?: boolean;
-    /**
-     * Задаёт отступ между элементами футера
-     */
+    /** Задает расстояние между элементами футера в пикселях. */
     gap?: GappedProps['gap'];
 }
 interface SidePageFooterState {

package/components/SidePage/SidePageHeader/SidePageHeader.js

@@ -13,6 +13,7 @@ import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { ModalSeparator } from "../../Modal/ModalSeparator";
+import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { styles } from "../SidePage.styles";
 import { SidePageContext } from "../SidePageContext";
 import { SidePageCloseButton } from "../SidePageCloseButton";
@@ -40,7 +41,6 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
     _this.wrapper = null;
     _this.sticky = null;
     _this.lastRegularHeight = 0;
-    _this.closeIcon = /*#__PURE__*/React.createElement(SidePageCloseButton, null);
     _this.componentDidMount = function () {
       globalObject.addEventListener == null || globalObject.addEventListener('scroll', _this.update, true);
       _this.context.setHasHeader == null || _this.context.setHasHeader();
@@ -68,7 +68,7 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
           className: cx(styles.header(_this.theme), (_cx = {}, _cx[styles.headerFixed(_this.theme)] = fixed, _cx[styles.mobileHeader(_this.theme)] = _this.isMobileLayout, _cx))
         }, _this.renderClose(fixed), /*#__PURE__*/
         React.createElement("div", {
-          className: cx(styles.title(_this.theme), (_cx2 = {}, _cx2[styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _cx2[styles.titleFixed()] = fixed, _cx2))
+          className: cx(styles.title(_this.theme), (_cx2 = {}, _cx2[styles.title5_1(_this.theme)] = isThemeGTE(_this.theme, '5.1'), _cx2[styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _cx2[styles.titleFixed()] = fixed, _cx2))
         }, isFunction(_this.props.children) ? _this.props.children(fixed) : _this.props.children)), isDisplayed && /*#__PURE__*/React.createElement(ModalSeparator, {
           fixed: fixed
         }))
@@ -77,15 +77,23 @@ export var SidePageHeader = responsiveLayout(_class = rootNode(_class = (_SidePa
     _this.renderClose = function (fixed) {
       var _cx3;
       var stickyOffset = parseInt(_this.theme.sidePageHeaderStickyOffset);
+      var versionGTE5_1 = isThemeGTE(_this.theme, '5.1');
       return /*#__PURE__*/(
         React.createElement("div", {
-          className: cx(styles.wrapperClose(_this.theme), (_cx3 = {}, _cx3[styles.wrapperCloseFixed(_this.theme)] = fixed, _cx3[styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3))
-        }, _this.isMobileLayout ? _this.closeIcon : /*#__PURE__*/
+          className: cx(styles.wrapperClose(_this.theme), (_cx3 = {}, _cx3[styles.wrapperClose5_1(_this.theme)] = versionGTE5_1, _cx3[styles.wrapperCloseFixed(_this.theme)] = fixed, _cx3[styles.wrapperCloseFixed5_1(_this.theme)] = fixed && versionGTE5_1, _cx3[styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3[styles.mobileWrapperClose5_1(_this.theme)] = _this.isMobileLayout && versionGTE5_1, _cx3))
+        }, _this.isMobileLayout ? /*#__PURE__*/
+        React.createElement(SidePageCloseButton, {
+          isHeaderFixed: fixed,
+          isMobile: true
+        }) : /*#__PURE__*/
 
         React.createElement(Sticky, {
           side: "top",
           offset: stickyOffset
-        }, _this.closeIcon))
+        }, /*#__PURE__*/
+        React.createElement(SidePageCloseButton, {
+          isHeaderFixed: fixed
+        })))
       );
     };
     _this.updateReadyToFix = function () {

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","Sticky","isFunction","ThemeContext","CommonWrapper","cx","responsiveLayout","rootNode","getDOMRect","ModalSeparator","styles","SidePageContext","SidePageCloseButton","SidePageHeaderDataTids","root","close","SidePageHeader","_class","_SidePageHeader","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","isReadyToFix","wrapper","sticky","lastRegularHeight","closeIcon","createElement","componentDidMount","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","_this$sticky","reflow","updateReadyToFix","renderHeader","fixed","_cx","_cx2","isDisplayed","props","hasSeparator","className","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleFixed","children","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","side","offset","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","setState","_extends","wrapperRef","el","stickyRef","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","getStickyProp","isStickyDesktop","isStickyMobile","rootNodeRef","setRootNode","ref","headerWrapper","_createClass","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","Component","__KONTUR_REACT_UI__","displayName","contextType","defaultProps"],"sources":["SidePageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  sticky?: boolean;\n  hasSeparator?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isReadyToFix: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n  root: 'SidePageHeader__root',\n  close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n  public static displayName = 'SidePageHeader';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  private isMobileLayout!: boolean;\n\n  public state: SidePageHeaderState = {\n    isReadyToFix: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private wrapper: HTMLElement | null = null;\n  private sticky: Sticky | null = null;\n  private lastRegularHeight = 0;\n  private setRootNode!: TSetRootNode;\n  private closeIcon = (<SidePageCloseButton />);\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 = getDOMRect(this.wrapper).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    globalObject.addEventListener?.('scroll', this.update, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.removeEventListener?.('scroll', this.update, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  public update = () => {\n    this.sticky?.reflow();\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  public getStickyProp() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private renderMain() {\n    const { isReadyToFix } = this.state;\n\n    const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SidePageHeaderDataTids.root} ref={this.wrapperRef} className={styles.headerWrapper()}>\n          {isStickyDesktop || isStickyMobile ? (\n            <Sticky ref={this.stickyRef} side=\"top\">\n              {header}\n            </Sticky>\n          ) : (\n            header()\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    const isDisplayed = this.props.hasSeparator || fixed;\n    return (\n      <div>\n        <div\n          className={cx(styles.header(this.theme), {\n            [styles.headerFixed(this.theme)]: fixed,\n            [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={cx(styles.title(this.theme), {\n              [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [styles.titleFixed()]: fixed,\n            })}\n          >\n            {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n          </div>\n        </div>\n        {isDisplayed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  private renderClose = (fixed: boolean) => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n    return (\n      <div\n        className={cx(styles.wrapperClose(this.theme), {\n          [styles.wrapperCloseFixed(this.theme)]: fixed,\n          [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n        })}\n      >\n        {this.isMobileLayout ? (\n          this.closeIcon\n        ) : (\n          <Sticky side=\"top\" offset={stickyOffset}>\n            {this.closeIcon}\n          </Sticky>\n        )}\n      </div>\n    );\n  };\n\n  private updateReadyToFix = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n      const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n    }\n  };\n\n  private wrapperRef = (el: HTMLElement | null) => {\n    this.wrapper = el;\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","Sticky","isFunction","ThemeContext","CommonWrapper","cx","responsiveLayout","rootNode","getDOMRect","ModalSeparator","isThemeGTE","styles","SidePageContext","SidePageCloseButton","SidePageHeaderDataTids","root","close","SidePageHeader","_class","_SidePageHeader","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","isReadyToFix","wrapper","sticky","lastRegularHeight","componentDidMount","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","_this$sticky","reflow","updateReadyToFix","renderHeader","fixed","_cx","_cx2","isDisplayed","props","hasSeparator","createElement","className","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","title5_1","mobileTitle","titleFixed","children","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","versionGTE5_1","wrapperClose","wrapperClose5_1","wrapperCloseFixed","wrapperCloseFixed5_1","mobileWrapperClose","mobileWrapperClose5_1","isHeaderFixed","isMobile","side","offset","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","setState","_extends","wrapperRef","el","stickyRef","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","getStickyProp","isStickyDesktop","isStickyMobile","rootNodeRef","setRootNode","ref","headerWrapper","_createClass","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","Component","__KONTUR_REACT_UI__","displayName","contextType","defaultProps"],"sources":["SidePageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /** Закрепляет хедер сверху сайдпейджа. */\n  sticky?: boolean;\n\n  /** Определяет, нужно ли показывать ModalSeparator. */\n  hasSeparator?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isReadyToFix: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n  root: 'SidePageHeader__root',\n  close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n  public static displayName = 'SidePageHeader';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  private isMobileLayout!: boolean;\n\n  public state: SidePageHeaderState = {\n    isReadyToFix: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private wrapper: HTMLElement | null = null;\n  private sticky: Sticky | null = null;\n  private lastRegularHeight = 0;\n  private setRootNode!: TSetRootNode;\n  public get regularHeight(): number {\n    const { isReadyToFix } = this.state;\n    if (!this.wrapper) {\n      return 0;\n    }\n    if (!isReadyToFix) {\n      this.lastRegularHeight = getDOMRect(this.wrapper).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    globalObject.addEventListener?.('scroll', this.update, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.removeEventListener?.('scroll', this.update, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  public update = () => {\n    this.sticky?.reflow();\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  public getStickyProp() {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private renderMain() {\n    const { isReadyToFix } = this.state;\n\n    const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SidePageHeaderDataTids.root} ref={this.wrapperRef} className={styles.headerWrapper()}>\n          {isStickyDesktop || isStickyMobile ? (\n            <Sticky ref={this.stickyRef} side=\"top\">\n              {header}\n            </Sticky>\n          ) : (\n            header()\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    const isDisplayed = this.props.hasSeparator || fixed;\n    return (\n      <div>\n        <div\n          className={cx(styles.header(this.theme), {\n            [styles.headerFixed(this.theme)]: fixed,\n            [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={cx(styles.title(this.theme), {\n              [styles.title5_1(this.theme)]: isThemeGTE(this.theme, '5.1'),\n              [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [styles.titleFixed()]: fixed,\n            })}\n          >\n            {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n          </div>\n        </div>\n        {isDisplayed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  private renderClose = (fixed: boolean) => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n    const versionGTE5_1 = isThemeGTE(this.theme, '5.1');\n    return (\n      <div\n        className={cx(styles.wrapperClose(this.theme), {\n          [styles.wrapperClose5_1(this.theme)]: versionGTE5_1,\n          [styles.wrapperCloseFixed(this.theme)]: fixed,\n          [styles.wrapperCloseFixed5_1(this.theme)]: fixed && versionGTE5_1,\n          [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n          [styles.mobileWrapperClose5_1(this.theme)]: this.isMobileLayout && versionGTE5_1,\n        })}\n      >\n        {this.isMobileLayout ? (\n          <SidePageCloseButton isHeaderFixed={fixed} isMobile />\n        ) : (\n          <Sticky side=\"top\" offset={stickyOffset}>\n            <SidePageCloseButton isHeaderFixed={fixed} />\n          </Sticky>\n        )}\n      </div>\n    );\n  };\n\n  private updateReadyToFix = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n      const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n    }\n  };\n\n  private wrapperRef = (el: HTMLElement | null) => {\n    this.wrapper = el;\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/SidePage/SidePageHeader.d.ts

@@ -3,7 +3,9 @@ import { CommonProps } from '../../internal/CommonWrapper';
 import { SidePageContextType } from './SidePageContext';
 export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    /** Закрепляет хедер сверху сайдпейджа. */
     sticky?: boolean;
+    /** Определяет, нужно ли показывать ModalSeparator. */
     hasSeparator?: boolean;
 }
 export interface SidePageHeaderState {
@@ -31,7 +33,6 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
     private sticky;
     private lastRegularHeight;
     private setRootNode;
-    private closeIcon;
     get regularHeight(): number;
     get fixedHeaderHeight(): number;
     componentDidMount: () => void;