@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/SidePage/SidePageHeader.js

@@ -1,18 +1,20 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageHeaderDataTids = exports.SidePageHeader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _globalObject = require("@skbkontur/global-object");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageHeaderDataTids = exports.SidePageHeader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 
 var _Sticky = require("../Sticky");
 var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
+
 var _rootNode = require("../../lib/rootNode");
-var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _ModalSeparator = require("../Modal/ModalSeparator");
 
 var _SidePage = require("./SidePage.styles");
+
 var _SidePageContext = require("./SidePageContext");
 var _SidePageCloseButton = require("./SidePageCloseButton");var _class, _SidePageHeader;
 
@@ -28,6 +30,13 @@ var _SidePageCloseButton = require("./SidePageCloseButton");var _class, _SidePag
 
 
 
+
+
+
+
+
+
+
 
 var SidePageHeaderDataTids = exports.SidePageHeaderDataTids = {
   root: 'SidePageHeader__root',
@@ -51,7 +60,8 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
 
     state = {
-      isReadyToFix: false
+      isNativeStuck: true,
+      isReadyToStuck: false
     };_this.
 
 
@@ -59,43 +69,32 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
 
 
-    wrapper = null;_this.
     sticky = null;_this.
-    lastRegularHeight = 0;_this.
-
-    closeIcon = /*#__PURE__*/_react.default.createElement(_SidePageCloseButton.SidePageCloseButton, null);_this.
-
-
-
-
-
-
-
 
 
 
-
-
-
-
-
-
-
-    componentDidMount = function () {
-      _globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('scroll', _this.update, true);
+    componentDidMount = function () {var _getRootNode;
+      (_getRootNode = (0, _rootNode.getRootNode)(_this)) == null || (_getRootNode = _getRootNode.parentNode) == null || _getRootNode.addEventListener == null || _getRootNode.addEventListener('scroll', _this.throttleHandleScroll, true);
       _this.context.setHasHeader == null || _this.context.setHasHeader();
       _this.context.headerRef(_this);
     };_this.
 
-    componentWillUnmount = function () {
-      _globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('scroll', _this.update, true);
+    componentWillUnmount = function () {var _getRootNode2;
+      (_getRootNode2 = (0, _rootNode.getRootNode)(_this)) == null || (_getRootNode2 = _getRootNode2.parentNode) == null || _getRootNode2.removeEventListener == null || _getRootNode2.removeEventListener('scroll', _this.throttleHandleScroll, true);
       _this.context.setHasHeader == null || _this.context.setHasHeader(false);
       _this.context.headerRef(null);
     };_this.
 
+    throttleHandleScroll = (0, _lodash.default)(function (event) {
+      var target = event.currentTarget;
+      if (target && typeof target.scrollTop === 'number') {
+        _this.setState({ isNativeStuck: target.scrollTop === 0 });
+      }
+      _this.update();
+    }, 5);_this.
+
     update = function () {var _this$sticky;
       (_this$sticky = _this.sticky) == null || _this$sticky.reflow();
-      _this.updateReadyToFix();
     };_this.
 
 
@@ -140,6 +139,9 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
 
 
+
+
+
 
 
 
@@ -158,7 +160,7 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
         _react.default.createElement("div", {
           className: (0, _Emotion.cx)(_SidePage.styles.title(_this.theme), (_cx2 = {}, _cx2[
           _SidePage.styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _cx2[
-          _SidePage.styles.titleFixed()] = fixed, _cx2)
+          _SidePage.styles.titleCut()] = fixed && _this.props.cutTitleOnStuck, _cx2)
           ) },
 
         (0, _utils.isFunction)(_this.props.children) ? _this.props.children(fixed) : _this.props.children
@@ -178,29 +180,17 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
           _SidePage.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3)
           ) },
 
-        _this.isMobileLayout ?
-        _this.closeIcon : /*#__PURE__*/
+        !_this.isMobileLayout ? /*#__PURE__*/
+        _react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset }, /*#__PURE__*/
+        _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed })
+        ) : /*#__PURE__*/
 
-        _react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset },
-        _this.closeIcon
-        )
+        _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed, isMobile: _this.isMobileLayout })
 
         ));
 
     };_this.
 
-    updateReadyToFix = function () {
-      if (_this.wrapper) {
-        var wrapperScrolledUp = (0, _getDOMRect.getDOMRect)(_this.wrapper).top;
-        var isReadyToFix = _this.regularHeight + wrapperScrolledUp <= _this.fixedHeaderHeight;
-        _this.setState(function (state) {return state.isReadyToFix !== isReadyToFix ? (0, _extends2.default)({}, state, { isReadyToFix: isReadyToFix }) : state;});
-      }
-    };_this.
-
-    wrapperRef = function (el) {
-      _this.wrapper = el;
-    };_this.
-
     stickyRef = function (el) {
       _this.sticky = el;
-    };return _this;}(0, _inheritsLoose2.default)(SidePageHeader, _React$Component);var _proto = SidePageHeader.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getStickyProp = function getStickyProp() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.renderMain = function renderMain() {var isReadyToFix = this.state.isReadyToFix;var isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;var isStickyMobile = this.isMobileLayout && this.getStickyProp();var header = this.renderHeader;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageHeaderDataTids.root, ref: this.wrapperRef, className: _SidePage.styles.headerWrapper() }, isStickyDesktop || isStickyMobile ? /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { ref: this.stickyRef, side: "top" }, header) : header()));};return (0, _createClass2.default)(SidePageHeader, [{ key: "regularHeight", get: function get() {var isReadyToFix = this.state.isReadyToFix;if (!this.wrapper) {return 0;}if (!isReadyToFix) {this.lastRegularHeight = (0, _getDOMRect.getDOMRect)(this.wrapper).height;}return this.lastRegularHeight;} }, { key: "fixedHeaderHeight", get: function get() {var theme = this.theme;return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;} }]);}(_react.default.Component), _SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader', _SidePageHeader.displayName = 'SidePageHeader', _SidePageHeader.contextType = _SidePageContext.SidePageContext, _SidePageHeader.defaultProps = { hasSeparator: false }, _SidePageHeader)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(SidePageHeader, _React$Component);var _proto = SidePageHeader.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getStickyProp = function getStickyProp() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.renderMain = function renderMain() {var _cx4;var isStickyDesktop = !this.isMobileLayout && this.getStickyProp();var isStickyMobile = this.isMobileLayout && this.getStickyProp();var header = this.renderHeader;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageHeaderDataTids.root, className: (0, _Emotion.cx)(_SidePage.styles.headerWrapper(), (_cx4 = {}, _cx4[_SidePage.styles.headerNativeStuck(this.theme)] = this.state.isNativeStuck, _cx4)) }, !this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { ref: this.stickyRef, side: "top" }, header) : header()));};return SidePageHeader;}(_react.default.Component), _SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader', _SidePageHeader.displayName = 'SidePageHeader', _SidePageHeader.contextType = _SidePageContext.SidePageContext, _SidePageHeader.defaultProps = { hasSeparator: false }, _SidePageHeader)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Sticky","_utils","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_ModalSeparator","_SidePage","_SidePageContext","_SidePageCloseButton","_class","_SidePageHeader","SidePageHeaderDataTids","exports","root","close","SidePageHeader","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","isReadyToFix","wrapper","sticky","lastRegularHeight","closeIcon","default","createElement","SidePageCloseButton","componentDidMount","globalObject","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","_this$sticky","reflow","updateReadyToFix","renderHeader","fixed","_cx","_cx2","isDisplayed","props","hasSeparator","className","cx","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleFixed","isFunction","children","ModalSeparator","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","Sticky","side","offset","wrapperScrolledUp","getDOMRect","top","regularHeight","fixedHeaderHeight","setState","_extends2","wrapperRef","el","stickyRef","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","renderMain","getStickyProp","isStickyDesktop","isStickyMobile","CommonWrapper","rootNodeRef","setRootNode","ref","headerWrapper","_createClass2","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext","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  /** Закрепляет хедер сверху сайдпейджа. */\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  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","_interopRequireDefault","require","_lodash","_Sticky","_utils","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_ModalSeparator","_SidePage","_SidePageContext","_SidePageCloseButton","_class","_SidePageHeader","SidePageHeaderDataTids","exports","root","close","SidePageHeader","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","isNativeStuck","isReadyToStuck","sticky","componentDidMount","_getRootNode","getRootNode","parentNode","addEventListener","throttleHandleScroll","setHasHeader","headerRef","componentWillUnmount","_getRootNode2","removeEventListener","throttle","event","target","currentTarget","scrollTop","setState","update","_this$sticky","reflow","renderHeader","fixed","_cx","_cx2","isDisplayed","props","hasSeparator","default","createElement","className","cx","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleCut","cutTitleOnStuck","isFunction","children","ModalSeparator","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","Sticky","side","offset","SidePageCloseButton","isHeaderFixed","isMobile","stickyRef","el","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","renderMain","getStickyProp","_cx4","isStickyDesktop","isStickyMobile","CommonWrapper","_extends2","rootNodeRef","setRootNode","headerWrapper","headerNativeStuck","ref","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext","defaultProps"],"sources":["SidePageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } 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  /**\n   * Обрезает длинный заголовок при «залипании» шапки.\n   * @default false.\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isNativeStuck: boolean;\n  isReadyToStuck: 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    isNativeStuck: true,\n    isReadyToStuck: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private sticky: Sticky | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount = () => {\n    getRootNode(this)?.parentNode?.addEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    getRootNode(this)?.parentNode?.removeEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  private throttleHandleScroll = throttle((event: Event) => {\n    const target = event.currentTarget as HTMLElement;\n    if (target && typeof target.scrollTop === 'number') {\n      this.setState({ isNativeStuck: target.scrollTop === 0 });\n    }\n    this.update();\n  }, 5);\n\n  public update = () => {\n    this.sticky?.reflow();\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 isStickyDesktop = !this.isMobileLayout && this.getStickyProp();\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\n          data-tid={SidePageHeaderDataTids.root}\n          className={cx(styles.headerWrapper(), {\n            [styles.headerNativeStuck(this.theme)]: this.state.isNativeStuck,\n          })}\n        >\n          {!this.state.isNativeStuck && (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.titleCut()]: fixed && this.props.cutTitleOnStuck,\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          <Sticky side=\"top\" offset={stickyOffset}>\n            <SidePageCloseButton isHeaderFixed={fixed} />\n          </Sticky>\n        ) : (\n          <SidePageCloseButton isHeaderFixed={fixed} isMobile={this.isMobileLayout} />\n        )}\n      </div>\n    );\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { SidePageLocale } from './types';
-export * from './types';
-export declare const SidePageLocaleHelper: LocaleHelper<SidePageLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { SidePageLocale } from './types';
+export * from './types';
+export declare const SidePageLocaleHelper: LocaleHelper<SidePageLocale>;

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

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","SidePageLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SidePageLocale } from './types';\n\nexport * from './types';\n\nexport const SidePageLocaleHelper = new LocaleHelper<SidePageLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"+HAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,IAAIC,0BAAY,CAAiB;EACnEC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","SidePageLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { SidePageLocale } from './types';\n\nexport * from './types';\n\nexport const SidePageLocaleHelper = new LocaleHelper<SidePageLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"+HAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,IAAIC,0BAAY,CAAiB;EACnEC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/SidePage/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { SidePageLocale } from '../types';
-export declare const componentsLocales: SidePageLocale;
+import type { SidePageLocale } from '../types';
+export declare const componentsLocales: SidePageLocale;

package/cjs/components/SidePage/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import { SidePageLocale } from '../types';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["en.ts"],"sourcesContent":["import type { SidePageLocale } from '../types';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

package/cjs/components/SidePage/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { SidePageLocale } from '../types';
-export declare const componentsLocales: SidePageLocale;
+import type { SidePageLocale } from '../types';
+export declare const componentsLocales: SidePageLocale;

package/cjs/components/SidePage/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import { SidePageLocale } from '../types';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","closeButtonAriaLabel"],"sources":["ru.ts"],"sourcesContent":["import type { SidePageLocale } from '../types';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/CE,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}

package/cjs/components/SidePage/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface SidePageLocale {
-    closeButtonAriaLabel?: string;
-}
+export interface SidePageLocale {
+    closeButtonAriaLabel?: string;
+}

package/cjs/components/SingleToast/SingleToast.d.ts

@@ -1,17 +1,31 @@
-import React from 'react';
-import { Toast, ToastProps } from '../Toast/Toast';
-/**
- * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
- * Результат может быть положительным, отрицательным или нейтральным.
- *
- * Позволяет вызывать тосты с помощью статических методов.
- * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.
- */
-export declare class SingleToast extends React.Component<ToastProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static ref: React.RefObject<Toast>;
-    static push: typeof Toast.push;
-    static close: typeof Toast.close;
-    render: () => React.JSX.Element;
-}
+import React from 'react';
+import type { ToastClose, ToastProps, ToastPushApi } from '../Toast';
+import { Toast } from '../Toast';
+/**
+ * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
+ * Результат может быть положительным, отрицательным или нейтральным.
+ *
+ * Позволяет вызывать тосты с помощью статических методов.
+ *
+ * ##### Особенности компонента SingleToast
+ * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
+ */
+export declare class SingleToast extends React.Component<ToastProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static ref: React.RefObject<Toast>;
+    static close: ToastClose;
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+     *
+     */
+    static push: ToastPushApi;
+    render: () => React.JSX.Element;
+}

package/cjs/components/SingleToast/SingleToast.js

@@ -1,14 +1,17 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SingleToast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _Toast = require("../Toast/Toast");var _SingleToast;
+
+var _Toast = require("../Toast");var _SingleToast;
 
 /**
  * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
  * Позволяет вызывать тосты с помощью статических методов.
- * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.
+ *
+ * ##### Особенности компонента SingleToast
+ * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
  */var
 SingleToast = exports.SingleToast = /*#__PURE__*/function (_React$Component) {function SingleToast() {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.
 
@@ -26,6 +29,27 @@ SingleToast = exports.SingleToast = /*#__PURE__*/function (_React$Component) {fu
 
 
 
-    render = function () {
-      return /*#__PURE__*/_react.default.createElement(_Toast.Toast, (0, _extends2.default)({ ref: SingleToast.ref }, _this.props));
-    };return _this;}(0, _inheritsLoose2.default)(SingleToast, _React$Component);return SingleToast;}(_react.default.Component);_SingleToast = SingleToast;SingleToast.__KONTUR_REACT_UI__ = 'SingleToast';SingleToast.displayName = 'SingleToast';SingleToast.ref = /*#__PURE__*/_react.default.createRef();SingleToast.push = function () {var _SingleToast$ref$curr;_SingleToast.close();for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}(_SingleToast$ref$curr = _SingleToast.ref.current) == null || _SingleToast$ref$curr.push.apply(_SingleToast$ref$curr, args);};SingleToast.close = function () {if (_react.default.version.search('18') === 0) {_reactDom.default.flushSync(function () {var _SingleToast$ref$curr2;return (_SingleToast$ref$curr2 = _SingleToast.ref.current) == null ? void 0 : _SingleToast$ref$curr2.close();});} else {var _SingleToast$ref$curr3;(_SingleToast$ref$curr3 = _SingleToast.ref.current) == null || _SingleToast$ref$curr3.close();}};
+
+
+
+
+
+
+
+
+
+
+
+
+
+    render = function () {return /*#__PURE__*/_react.default.createElement(_Toast.Toast, (0, _extends2.default)({ ref: SingleToast.ref }, _this.props));};return _this;}(0, _inheritsLoose2.default)(SingleToast, _React$Component);return SingleToast;}(_react.default.Component);_SingleToast = SingleToast;SingleToast.__KONTUR_REACT_UI__ = 'SingleToast';SingleToast.displayName = 'SingleToast';SingleToast.ref = /*#__PURE__*/_react.default.createRef();SingleToast.close = function () {if (_react.default.version.search('18') === 0) {_reactDom.default.flushSync(function () {var _SingleToast$ref$curr;return (_SingleToast$ref$curr = _SingleToast.ref.current) == null ? void 0 : _SingleToast$ref$curr.close();});} else {var _SingleToast$ref$curr2;(_SingleToast$ref$curr2 = _SingleToast.ref.current) == null || _SingleToast$ref$curr2.close();}}; /**
+ * Показывает тост с `notification` в качестве сообщения.
+ * Тост автоматически скрывается через 3 или 7 секунд,
+ * в зависимости от наличия у него кнопки `action` внутри config-а.
+ * Время показа можно задать вручную, передав `showTime` внутри config-а.
+ *
+ * @public
+ * @param {React.ReactNode} notification
+ * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+ *
+ */SingleToast.push = function (notification, config) {var _SingleToast$ref$curr3;_SingleToast.close();(_SingleToast$ref$curr3 = _SingleToast.ref.current) == null || _SingleToast$ref$curr3.push(notification, config);};

package/cjs/components/SingleToast/SingleToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_Toast","_SingleToast","SingleToast","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","render","default","createElement","Toast","_extends2","ref","props","_inheritsLoose2","React","Component","__KONTUR_REACT_UI__","displayName","createRef","push","_SingleToast$ref$curr","close","_len2","_key2","current","version","search","ReactDOM","flushSync","_SingleToast$ref$curr2","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Toast, ToastProps } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n\n  public static ref = React.createRef<Toast>();\n  public static push: typeof Toast.push = (...args) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(...args);\n  };\n  public static close: typeof Toast.close = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n  render = () => {\n    return <Toast ref={SingleToast.ref} {...this.props} />;\n  };\n}\n"],"mappings":"iVAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,mBAAmD,IAAAG,YAAA;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AAOaC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA,YAAAF,YAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;IAgBtBU,MAAM,GAAG,YAAM;MACb,oBAAOnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAkB,KAAK,MAAAC,SAAA,CAAAH,OAAA,IAACI,GAAG,EAAElB,WAAW,CAACkB,GAAI,IAAKf,KAAA,CAAKgB,KAAK,CAAG,CAAC;IACxD,CAAC,QAAAhB,KAAA,MAAAiB,eAAA,CAAAN,OAAA,EAAAd,WAAA,EAAAE,gBAAA,SAAAF,WAAA,GAlB8BqB,cAAK,CAACC,SAAS,EAAAvB,YAAA,GAAnCC,WAAW,CAAXA,WAAW,CACRuB,mBAAmB,GAAG,aAAa,CADtCvB,WAAW,CAERwB,WAAW,GAAG,aAAa,CAF9BxB,WAAW,CAIRkB,GAAG,gBAAGG,cAAK,CAACI,SAAS,CAAQ,CAAC,CAJjCzB,WAAW,CAKR0B,IAAI,GAAsB,YAAa,KAAAC,qBAAA,CACnD3B,YAAW,CAAC4B,KAAK,CAAC,CAAC,CAAC,SAAAC,KAAA,GAAAxB,SAAA,CAAAC,MAAA,EADsBC,IAAI,OAAAC,KAAA,CAAAqB,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAJvB,IAAI,CAAAuB,KAAA,IAAAzB,SAAA,CAAAyB,KAAA,GAE9C,CAAAH,qBAAA,GAAA3B,YAAW,CAACkB,GAAG,CAACa,OAAO,aAAvBJ,qBAAA,CAAyBD,IAAI,CAAAf,KAAA,CAAAgB,qBAAA,EAAIpB,IAAI,CAAC,CACxC,CAAC,CARUP,WAAW,CASR4B,KAAK,GAAuB,YAAM,CAC9C,IAAIP,cAAK,CAACW,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpCC,iBAAQ,CAACC,SAAS,CAAC,iBAAAC,sBAAA,SAAAA,sBAAA,GAAMpC,YAAW,CAACkB,GAAG,CAACa,OAAO,qBAAvBK,sBAAA,CAAyBR,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAS,sBAAA,CACL,CAAAA,sBAAA,GAAArC,YAAW,CAACkB,GAAG,CAACa,OAAO,aAAvBM,sBAAA,CAAyBT,KAAK,CAAC,CAAC,CAClC,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_Toast","_SingleToast","SingleToast","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","render","default","createElement","Toast","_extends2","ref","props","_inheritsLoose2","React","Component","__KONTUR_REACT_UI__","displayName","createRef","close","version","search","ReactDOM","flushSync","_SingleToast$ref$curr","current","_SingleToast$ref$curr2","push","notification","config","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { ToastClose, ToastProps, ToastPushApi, ToastPushConfig } from '../Toast';\nimport { Toast } from '../Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n *\n * ##### Особенности компонента SingleToast\n * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n  public static ref = React.createRef<Toast>();\n\n  public static close: ToastClose = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   */\n  public static push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig): void => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(notification, config);\n  };\n\n  render = () => <Toast ref={SingleToast.ref} {...this.props} />;\n}\n"],"mappings":"iVAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;;;AAGA,IAAAE,MAAA,GAAAF,OAAA,aAAiC,IAAAG,YAAA;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GARA;AASaC,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAAE,gBAAA,YAAAF,YAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BtBU,MAAM,GAAG,iCAAMnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAkB,KAAK,MAAAC,SAAA,CAAAH,OAAA,IAACI,GAAG,EAAElB,WAAW,CAACkB,GAAI,IAAKf,KAAA,CAAKgB,KAAK,CAAG,CAAC,UAAAhB,KAAA,MAAAiB,eAAA,CAAAN,OAAA,EAAAd,WAAA,EAAAE,gBAAA,SAAAF,WAAA,GA7B/BqB,cAAK,CAACC,SAAS,EAAAvB,YAAA,GAAnCC,WAAW,CAAXA,WAAW,CACRuB,mBAAmB,GAAG,aAAa,CADtCvB,WAAW,CAERwB,WAAW,GAAG,aAAa,CAF9BxB,WAAW,CAGRkB,GAAG,gBAAGG,cAAK,CAACI,SAAS,CAAQ,CAAC,CAHjCzB,WAAW,CAKR0B,KAAK,GAAe,YAAM,CACtC,IAAIL,cAAK,CAACM,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACpCC,iBAAQ,CAACC,SAAS,CAAC,iBAAAC,qBAAA,SAAAA,qBAAA,GAAM/B,YAAW,CAACkB,GAAG,CAACc,OAAO,qBAAvBD,qBAAA,CAAyBL,KAAK,CAAC,CAAC,GAAC,CAC5D,CAAC,MAAM,KAAAO,sBAAA,CACL,CAAAA,sBAAA,GAAAjC,YAAW,CAACkB,GAAG,CAACc,OAAO,aAAvBC,sBAAA,CAAyBP,KAAK,CAAC,CAAC,CAClC,CACF,CAAC,EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAvBa1B,WAAW,CAwBRkC,IAAI,GAAiB,UAACC,YAA6B,EAAEC,MAAwB,EAAW,KAAAC,sBAAA,CACpGrC,YAAW,CAAC0B,KAAK,CAAC,CAAC,CACnB,CAAAW,sBAAA,GAAArC,YAAW,CAACkB,GAAG,CAACc,OAAO,aAAvBK,sBAAA,CAAyBH,IAAI,CAACC,YAAY,EAAEC,MAAM,CAAC,CACrD,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './SingleToast';
+export * from './SingleToast';

package/cjs/components/Spinner/Spinner.d.ts

@@ -1,65 +1,49 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-declare const types: readonly ["big", "mini", "normal"];
-export type SpinnerType = (typeof types)[number];
-export interface SpinnerProps extends CommonProps {
-    /** Задает подпись под спиннером.
-     * @default "Загрузка" */
-    caption?: React.ReactNode;
-    /** Переводит спиннер в "затемнённый режим".
-     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
-    dimmed?: boolean;
-    /** Задает размер спиннера и текста.
-     * @default normal. */
-    type?: SpinnerType;
-    /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
-    inline?: boolean;
-    /** Задает толщину спиннера. */
-    width?: number;
-    /** Задает цвет спиннера. Не работает с пропом dimmed. */
-    color?: React.CSSProperties['color'];
-}
-export declare const SpinnerDataTids: {
-    readonly root: "Spinner__root";
-};
-type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
-/**
- * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
- *
- * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
- * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
- *
- * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
- */
-export declare class Spinner extends React.Component<SpinnerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Текст рядом с мини-лоадером.
-         *
-         * 'Загрузка' - значение по-умолчанию
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        dimmed: PropTypes.Requireable<boolean>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * Значение по-умолчанию - normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<"big" | "normal" | "mini">;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    static Types: Record<SpinnerType, SpinnerType>;
-    private theme;
-    private setRootNode;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderSpinner;
-    private renderCaption;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+declare const types: readonly ["big", "mini", "normal"];
+export type SpinnerType = (typeof types)[number];
+export interface SpinnerProps extends CommonProps {
+    /** Задает подпись под спиннером.
+     * @default "Загрузка" */
+    caption?: React.ReactNode;
+    /** Переводит спиннер в "затемнённый режим".
+     * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
+    dimmed?: boolean;
+    /** Задает размер спиннера и текста.
+     * @default normal. */
+    type?: SpinnerType;
+    /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
+    inline?: boolean;
+    /** Задает толщину спиннера. */
+    width?: number;
+    /** Задает цвет спиннера. Не работает с пропом dimmed. */
+    color?: React.CSSProperties['color'];
+}
+export declare const SpinnerDataTids: {
+    readonly root: "Spinner__root";
+};
+type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
+/**
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ *
+ * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
+ * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
+ *
+ * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
+ */
+export declare class Spinner extends React.Component<SpinnerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    static Types: Record<SpinnerType, SpinnerType>;
+    private theme;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderSpinner;
+    private renderCaption;
+}
+export {};