@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { SidePageContextType } from './SidePageContext';
@@ -10,7 +10,7 @@ export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
     hasSeparator?: boolean;
     /**
      * Обрезает длинный заголовок при «залипании» шапки.
-     * @default true. Если включить флаг sidePageNotCutTitleOnStuckByDefault, дефолтное значение - false
+     * @default false.
      */
     cutTitleOnStuck?: boolean;
 }
@@ -36,14 +36,12 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
     state: SidePageHeaderState;
     static defaultProps: Partial<SidePageHeaderProps>;
     private theme;
-    private wrapper;
+    private emotion;
+    private cx;
+    private styles;
     private sticky;
-    private lastRegularHeight;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private featureFlags;
-    get regularHeight(): number;
-    get fixedHeaderHeight(): number;
     componentDidMount: () => void;
     componentWillUnmount: () => void;
     private throttleHandleScroll;
@@ -53,7 +51,5 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
     private renderMain;
     private renderHeader;
     private renderClose;
-    private updateReadyToStuck;
-    private wrapperRef;
     private stickyRef;
 }

package/cjs/components/SidePage/SidePageHeader.js

@@ -1,21 +1,18 @@
-"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"));
+"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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _SidePage = require("./SidePage.styles");
 
@@ -54,7 +51,8 @@ var SidePageHeaderDataTids = exports.SidePageHeaderDataTids = {
  */var
 
 
-SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageHeader = /*#__PURE__*/function (_React$Component) {function SidePageHeader() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+SidePageHeader = exports.SidePageHeader = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageHeader = /*#__PURE__*/function (_React$Component) {function SidePageHeader() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -73,25 +71,10 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
 
 
-    wrapper = null;_this.
-    sticky = null;_this.
-    lastRegularHeight = 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
+    sticky = null;_this.
 
 
 
@@ -117,9 +100,6 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
     update = function () {var _this$sticky;
       (_this$sticky = _this.sticky) == null || _this$sticky.reflow();
-      if (!_this.featureFlags.sidePageDisableHeaderShrink) {
-        _this.updateReadyToStuck();
-      }
     };_this.
 
 
@@ -173,38 +153,21 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderHeader = function (fixed) {var _cx, _this$props$cutTitleO, _cx2;if (fixed === void 0) {fixed = false;}
+    renderHeader = function (fixed) {var _this$cx, _this$cx2;if (fixed === void 0) {fixed = false;}
       var isDisplayed = _this.props.hasSeparator || fixed;
       return /*#__PURE__*/(
         _react.default.createElement("div", null, /*#__PURE__*/
         _react.default.createElement("div", {
-          className: (0, _Emotion.cx)(_SidePage.styles.header(_this.theme), (_cx = {}, _cx[
-          _SidePage.styles.headerFixed(_this.theme)] = fixed, _cx[
-          _SidePage.styles.headerShrink(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _cx[
-          _SidePage.styles.mobileHeader(_this.theme)] = _this.isMobileLayout, _cx)
+          className: _this.cx(_this.styles.header(_this.theme), (_this$cx = {}, _this$cx[
+          _this.styles.headerFixed(_this.theme)] = fixed, _this$cx[
+          _this.styles.mobileHeader(_this.theme)] = _this.isMobileLayout, _this$cx)
           ) },
 
         _this.renderClose(fixed), /*#__PURE__*/
         _react.default.createElement("div", {
-          className: (0, _Emotion.cx)(_SidePage.styles.title(_this.theme), (_cx2 = {}, _cx2[
-          _SidePage.styles.title5_1(_this.theme)] = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.1'), _cx2[
-          _SidePage.styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _cx2[
-          _SidePage.styles.titleCut()] =
-          fixed && ((_this$props$cutTitleO = _this.props.cutTitleOnStuck) != null ? _this$props$cutTitleO : !_this.featureFlags.sidePageNotCutTitleOnStuckByDefault), _cx2)
+          className: _this.cx(_this.styles.title(_this.theme), (_this$cx2 = {}, _this$cx2[
+          _this.styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _this$cx2[
+          _this.styles.titleCut()] = fixed && _this.props.cutTitleOnStuck, _this$cx2)
           ) },
 
         (0, _utils.isFunction)(_this.props.children) ? _this.props.children(fixed) : _this.props.children
@@ -215,21 +178,16 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
     };_this.
 
-    renderClose = function (fixed) {var _cx3;
+    renderClose = function (fixed) {var _this$cx3;
       var stickyOffset = parseInt(_this.theme.sidePageHeaderStickyOffset);
-      var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.1');
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: (0, _Emotion.cx)(_SidePage.styles.wrapperClose(_this.theme), (_cx3 = {}, _cx3[
-          _SidePage.styles.wrapperClose5_1(_this.theme)] = versionGTE5_1, _cx3[
-          _SidePage.styles.wrapperCloseFixed(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _cx3[
-          _SidePage.styles.wrapperCloseFixed5_1(_this.theme)] =
-          fixed && versionGTE5_1 && !_this.featureFlags.sidePageDisableHeaderShrink, _cx3[
-          _SidePage.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3[
-          _SidePage.styles.mobileWrapperClose5_1(_this.theme)] = _this.isMobileLayout && versionGTE5_1, _cx3)
+          className: _this.cx(_this.styles.wrapperClose(_this.theme), (_this$cx3 = {}, _this$cx3[
+          _this.styles.wrapperCloseFixed(_this.theme)] = fixed, _this$cx3[
+          _this.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _this$cx3)
           ) },
 
-        !(_this.isMobileLayout || _this.featureFlags.sidePageDisableHeaderShrink) ? /*#__PURE__*/
+        !_this.isMobileLayout ? /*#__PURE__*/
         _react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset }, /*#__PURE__*/
         _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed })
         ) : /*#__PURE__*/
@@ -240,18 +198,6 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
 
     };_this.
 
-    updateReadyToStuck = function () {
-      if (_this.wrapper) {
-        var wrapperScrolledUp = (0, _getDOMRect.getDOMRect)(_this.wrapper).top;
-        var isReadyToStuck = _this.regularHeight + wrapperScrolledUp <= _this.fixedHeaderHeight;
-        _this.setState(function (state) {return state.isReadyToStuck !== isReadyToStuck ? (0, _extends2.default)({}, state, { isReadyToStuck: isReadyToStuck }) : 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 _this3 = this;var isReadyToStuck = this.state.isReadyToStuck;var isStickyDesktop = !this.isMobileLayout && this.getStickyProp();var isStickyMobile = this.isMobileLayout && this.getStickyProp();var header = this.renderHeader;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {var _cx4;_this3.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);if (!_this3.featureFlags.sidePageDisableHeaderShrink) {isStickyDesktop = isStickyDesktop && isReadyToStuck;}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageHeaderDataTids.root, ref: _this3.wrapperRef, className: (0, _Emotion.cx)(_SidePage.styles.headerWrapper(), (_cx4 = {}, _cx4[_SidePage.styles.headerNativeStuck(_this3.theme)] = _this3.state.isNativeStuck, _cx4)) }, /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Provider, { value: { stickyReduceLayoutEvents: true } }, !_this3.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { ref: _this3.stickyRef, side: "top" }, header) : header())));});};return (0, _createClass2.default)(SidePageHeader, [{ key: "regularHeight", get: function get() {var isReadyToStuck = this.state.isReadyToStuck;if (!this.wrapper) {return 0;}if (!isReadyToStuck) {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;this.styles = (0, _SidePage.getStyles)(this.emotion);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 _this$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: this.cx(this.styles.headerWrapper(), (_this$cx4 = {}, _this$cx4[this.styles.headerNativeStuck(this.theme)] = this.state.isNativeStuck, _this$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) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_Sticky","_utils","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_ModalSeparator","_ThemeHelpers","_featureFlagsContext","_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","wrapper","sticky","lastRegularHeight","componentDidMount","_getRootNode","getRootNode","parentNode","addEventListener","throttleHandleScroll","setHasHeader","headerRef","componentWillUnmount","_getRootNode2","removeEventListener","throttle","event","target","currentTarget","scrollTop","setState","update","_this$sticky","reflow","featureFlags","sidePageDisableHeaderShrink","updateReadyToStuck","renderHeader","fixed","_cx","_this$props$cutTitleO","_cx2","isDisplayed","props","hasSeparator","default","createElement","className","cx","styles","header","theme","headerFixed","headerShrink","mobileHeader","isMobileLayout","renderClose","title","title5_1","isThemeGTE","mobileTitle","titleCut","cutTitleOnStuck","sidePageNotCutTitleOnStuckByDefault","isFunction","children","ModalSeparator","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","versionGTE5_1","wrapperClose","wrapperClose5_1","wrapperCloseFixed","wrapperCloseFixed5_1","mobileWrapperClose","mobileWrapperClose5_1","Sticky","side","offset","SidePageCloseButton","isHeaderFixed","isMobile","wrapperScrolledUp","getDOMRect","top","regularHeight","fixedHeaderHeight","_extends2","wrapperRef","el","stickyRef","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","renderMain","getStickyProp","_this3","isStickyDesktop","isStickyMobile","ReactUIFeatureFlagsContext","flags","_cx4","getFullReactUIFlagsContext","CommonWrapper","rootNodeRef","setRootNode","ref","headerWrapper","headerNativeStuck","Provider","value","stickyReduceLayoutEvents","_createClass2","key","get","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","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 { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\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 true. Если включить флаг sidePageNotCutTitleOnStuckByDefault, дефолтное значение - 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 wrapper: HTMLElement | null = null;\n  private sticky: Sticky | null = null;\n  private lastRegularHeight = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n  public get regularHeight(): number {\n    const { isReadyToStuck } = this.state;\n    if (!this.wrapper) {\n      return 0;\n    }\n    if (!isReadyToStuck) {\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    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    if (!this.featureFlags.sidePageDisableHeaderShrink) {\n      this.updateReadyToStuck();\n    }\n  };\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public 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 { isReadyToStuck } = this.state;\n\n    let isStickyDesktop = !this.isMobileLayout && this.getStickyProp();\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          if (!this.featureFlags.sidePageDisableHeaderShrink) {\n            isStickyDesktop = isStickyDesktop && isReadyToStuck;\n          }\n\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageHeaderDataTids.root}\n                ref={this.wrapperRef}\n                className={cx(styles.headerWrapper(), {\n                  [styles.headerNativeStuck(this.theme)]: this.state.isNativeStuck,\n                })}\n              >\n                <ReactUIFeatureFlagsContext.Provider value={{ stickyReduceLayoutEvents: true }}>\n                  {!this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? (\n                    <Sticky ref={this.stickyRef} side=\"top\">\n                      {header}\n                    </Sticky>\n                  ) : (\n                    header()\n                  )}\n                </ReactUIFeatureFlagsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\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.headerShrink(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\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.titleCut()]:\n                fixed && (this.props.cutTitleOnStuck ?? !this.featureFlags.sidePageNotCutTitleOnStuckByDefault),\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 && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.wrapperCloseFixed5_1(this.theme)]:\n            fixed && versionGTE5_1 && !this.featureFlags.sidePageDisableHeaderShrink,\n          [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n          [styles.mobileWrapperClose5_1(this.theme)]: this.isMobileLayout && versionGTE5_1,\n        })}\n      >\n        {!(this.isMobileLayout || this.featureFlags.sidePageDisableHeaderShrink) ? (\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 updateReadyToStuck = () => {\n    if (this.wrapper) {\n      const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n      const isReadyToStuck = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n      this.setState((state) => (state.isReadyToStuck !== isReadyToStuck ? { ...state, isReadyToStuck } : 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","_decorator","_rootNode","_ModalSeparator","_renderEnvironment","_SidePage","_SidePageContext","_SidePageCloseButton","_class","_SidePageHeader","SidePageHeaderDataTids","exports","root","close","SidePageHeader","withRenderEnvironment","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","_this$cx","_this$cx2","isDisplayed","props","hasSeparator","default","createElement","className","cx","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleCut","cutTitleOnStuck","isFunction","children","ModalSeparator","_this$cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","Sticky","side","offset","SidePageCloseButton","isHeaderFixed","isMobile","stickyRef","el","_inheritsLoose2","_proto","prototype","render","_this2","getStyles","emotion","ThemeContext","Consumer","renderMain","getStickyProp","_this$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, { type JSX } from 'react';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/types/create-instance';\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 { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } 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@withRenderEnvironment\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 emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\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 = (): void => {\n    this.sticky?.reflow();\n  };\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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(): boolean {\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={this.cx(this.styles.headerWrapper(), {\n            [this.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={this.cx(this.styles.header(this.theme), {\n            [this.styles.headerFixed(this.theme)]: fixed,\n            [this.styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={this.cx(this.styles.title(this.theme), {\n              [this.styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [this.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={this.cx(this.styles.wrapperClose(this.theme), {\n          [this.styles.wrapperCloseFixed(this.theme)]: fixed,\n          [this.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":"qXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;;;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;;AAEA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;;AAEA,IAAAU,SAAA,GAAAV,OAAA;;AAEA,IAAAW,gBAAA,GAAAX,OAAA;AACA,IAAAY,oBAAA,GAAAZ,OAAA,0BAA4D,IAAAa,MAAA,EAAAC,eAAA;;;;;;;;;;;;;;;;;;;;;;AAsBrD,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpCE,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAE;AACT,CAAU;;AAEV;AACA;AACA;AACA;AACA,GAJA;;;;AAQaC,cAAc,GAAAH,OAAA,CAAAG,cAAA,OAH1BC,wCAAqB,EAAAP,MAAA,OACrBQ,2BAAgB,EAAAR,MAAA,OAChBS,kBAAQ,EAAAT,MAAA,IAAAC,eAAA,0BAAAS,gBAAA,YAAAJ,eAAA,OAAAK,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;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,CAAAV,KAAA;;;;IAI3CW,KAAK,GAAwB;MAClCC,aAAa,EAAE,IAAI;MACnBC,cAAc,EAAE;IAClB,CAAC,CAAAb,KAAA;;;;;;;;;;IAUOc,MAAM,GAAkB,IAAI,CAAAd,KAAA;;;;IAI7Be,iBAAiB,GAAG,YAAM,KAAAC,YAAA;MAC/B,CAAAA,YAAA,OAAAC,qBAAW,EAAAjB,KAAK,CAAC,cAAAgB,YAAA,GAAjBA,YAAA,CAAmBE,UAAU,aAA7BF,YAAA,CAA+BG,gBAAgB,YAA/CH,YAAA,CAA+BG,gBAAgB,CAAG,QAAQ,EAAEnB,KAAA,CAAKoB,oBAAoB,EAAE,IAAI,CAAC;MAC5FpB,KAAA,CAAKU,OAAO,CAACW,YAAY,YAAzBrB,KAAA,CAAKU,OAAO,CAACW,YAAY,CAAG,CAAC;MAC7BrB,KAAA,CAAKU,OAAO,CAACY,SAAS,CAAAtB,KAAK,CAAC;IAC9B,CAAC,CAAAA,KAAA;;IAEMuB,oBAAoB,GAAG,YAAM,KAAAC,aAAA;MAClC,CAAAA,aAAA,OAAAP,qBAAW,EAAAjB,KAAK,CAAC,cAAAwB,aAAA,GAAjBA,aAAA,CAAmBN,UAAU,aAA7BM,aAAA,CAA+BC,mBAAmB,YAAlDD,aAAA,CAA+BC,mBAAmB,CAAG,QAAQ,EAAEzB,KAAA,CAAKoB,oBAAoB,EAAE,IAAI,CAAC;MAC/FpB,KAAA,CAAKU,OAAO,CAACW,YAAY,YAAzBrB,KAAA,CAAKU,OAAO,CAACW,YAAY,CAAG,KAAK,CAAC;MAClCrB,KAAA,CAAKU,OAAO,CAACY,SAAS,CAAC,IAAI,CAAC;IAC9B,CAAC,CAAAtB,KAAA;;IAEOoB,oBAAoB,GAAG,IAAAM,eAAQ,EAAC,UAACC,KAAY,EAAK;MACxD,IAAMC,MAAM,GAAGD,KAAK,CAACE,aAA4B;MACjD,IAAID,MAAM,IAAI,OAAOA,MAAM,CAACE,SAAS,KAAK,QAAQ,EAAE;QAClD9B,KAAA,CAAK+B,QAAQ,CAAC,EAAEnB,aAAa,EAAEgB,MAAM,CAACE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC;MAC1D;MACA9B,KAAA,CAAKgC,MAAM,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,CAAC,CAAAhC,KAAA;;IAEEgC,MAAM,GAAG,YAAY,KAAAC,YAAA;MAC1B,CAAAA,YAAA,GAAAjC,KAAA,CAAKc,MAAM,aAAXmB,YAAA,CAAaC,MAAM,CAAC,CAAC;IACvB,CAAC,CAAAlC,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDOmC,YAAY,GAAG,UAACC,KAAK,EAAa,KAAAC,QAAA,EAAAC,SAAA,KAAlBF,KAAK,cAALA,KAAK,GAAG,KAAK;MACnC,IAAMG,WAAW,GAAGvC,KAAA,CAAKwC,KAAK,CAACC,YAAY,IAAIL,KAAK;MACpD;QACE9D,MAAA,CAAAoE,OAAA,CAAAC,aAAA;QACErE,MAAA,CAAAoE,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE5C,KAAA,CAAK6C,EAAE,CAAC7C,KAAA,CAAK8C,MAAM,CAACC,MAAM,CAAC/C,KAAA,CAAKgD,KAAK,CAAC,GAAAX,QAAA,OAAAA,QAAA;UAC9CrC,KAAA,CAAK8C,MAAM,CAACG,WAAW,CAACjD,KAAA,CAAKgD,KAAK,CAAC,IAAGZ,KAAK,EAAAC,QAAA;UAC3CrC,KAAA,CAAK8C,MAAM,CAACI,YAAY,CAAClD,KAAA,CAAKgD,KAAK,CAAC,IAAGhD,KAAA,CAAKmD,cAAc,EAAAd,QAAA;UAC5D,CAAE;;QAEFrC,KAAA,CAAKoD,WAAW,CAAChB,KAAK,CAAC;QACxB9D,MAAA,CAAAoE,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE5C,KAAA,CAAK6C,EAAE,CAAC7C,KAAA,CAAK8C,MAAM,CAACO,KAAK,CAACrD,KAAA,CAAKgD,KAAK,CAAC,GAAAV,SAAA,OAAAA,SAAA;UAC7CtC,KAAA,CAAK8C,MAAM,CAACQ,WAAW,CAACtD,KAAA,CAAKgD,KAAK,CAAC,IAAGhD,KAAA,CAAKmD,cAAc,EAAAb,SAAA;UACzDtC,KAAA,CAAK8C,MAAM,CAACS,QAAQ,CAAC,CAAC,IAAGnB,KAAK,IAAIpC,KAAA,CAAKwC,KAAK,CAACgB,eAAe,EAAAlB,SAAA;UAC9D,CAAE;;QAEF,IAAAmB,iBAAU,EAACzD,KAAA,CAAKwC,KAAK,CAACkB,QAAQ,CAAC,GAAG1D,KAAA,CAAKwC,KAAK,CAACkB,QAAQ,CAACtB,KAAK,CAAC,GAAGpC,KAAA,CAAKwC,KAAK,CAACkB;QACxE;QACF,CAAC;QACLnB,WAAW,iBAAIjE,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAAC3D,eAAA,CAAA2E,cAAc,IAACvB,KAAK,EAAEA,KAAM,EAAE;QAC5C,CAAC;;IAEV,CAAC,CAAApC,KAAA;;IAEOoD,WAAW,GAAG,UAAChB,KAAc,EAAK,KAAAwB,SAAA;MACxC,IAAMC,YAAY,GAAGC,QAAQ,CAAC9D,KAAA,CAAKgD,KAAK,CAACe,0BAA0B,CAAC;MACpE;QACEzF,MAAA,CAAAoE,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE5C,KAAA,CAAK6C,EAAE,CAAC7C,KAAA,CAAK8C,MAAM,CAACkB,YAAY,CAAChE,KAAA,CAAKgD,KAAK,CAAC,GAAAY,SAAA,OAAAA,SAAA;UACpD5D,KAAA,CAAK8C,MAAM,CAACmB,iBAAiB,CAACjE,KAAA,CAAKgD,KAAK,CAAC,IAAGZ,KAAK,EAAAwB,SAAA;UACjD5D,KAAA,CAAK8C,MAAM,CAACoB,kBAAkB,CAAClE,KAAA,CAAKgD,KAAK,CAAC,IAAGhD,KAAA,CAAKmD,cAAc,EAAAS,SAAA;UAClE,CAAE;;QAEF,CAAC5D,KAAA,CAAKmD,cAAc;QACnB7E,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAACjE,OAAA,CAAAyF,MAAM,IAACC,IAAI,EAAC,KAAK,EAACC,MAAM,EAAER,YAAa;QACtCvF,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAACvD,oBAAA,CAAAkF,mBAAmB,IAACC,aAAa,EAAEnC,KAAM,EAAE;QACtC,CAAC;;QAET9D,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAACvD,oBAAA,CAAAkF,mBAAmB,IAACC,aAAa,EAAEnC,KAAM,EAACoC,QAAQ,EAAExE,KAAA,CAAKmD,cAAe,EAAE;;QAE1E,CAAC;;IAEV,CAAC,CAAAnD,KAAA;;IAEOyE,SAAS,GAAG,UAACC,EAAiB,EAAK;MACzC1E,KAAA,CAAKc,MAAM,GAAG4D,EAAE;IAClB,CAAC,QAAA1E,KAAA,MAAA2E,eAAA,CAAAjC,OAAA,EAAA/C,cAAA,EAAAI,gBAAA,MAAA6E,MAAA,GAAAjF,cAAA,CAAAkF,SAAA,CAAAD,MAAA,CAlGME,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,IAAI,CAACjC,MAAM,GAAG,IAAAkC,mBAAS,EAAC,IAAI,CAACC,OAAO,CAAC,CAErC,oBACE3G,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAAC/D,aAAA,CAAAsG,YAAY,CAACC,QAAQ,QACnB,UAACnC,KAAK,EAAK,CACV+B,MAAI,CAAC/B,KAAK,GAAGA,KAAK,CAClB,OAAO+B,MAAI,CAACK,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAR,MAAA,CAEMS,aAAa,GAApB,SAAAA,cAAA,EAAgC,CAC9B,IAAI,OAAO,IAAI,CAAC7C,KAAK,CAAC1B,MAAM,KAAK,WAAW,EAAE,CAC5C,OAAO,IAAI,CAAC0B,KAAK,CAAC1B,MAAM,CAC1B,CAEA,IAAI,IAAI,CAACqC,cAAc,EAAE,CACvB,OAAO,KAAK,CACd,CAEA,OAAO,IAAI,CACb,CAAC,CAAAyB,MAAA,CAEOQ,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAE,SAAA,CACnB,IAAMC,eAAe,GAAG,CAAC,IAAI,CAACpC,cAAc,IAAI,IAAI,CAACkC,aAAa,CAAC,CAAC,CACpE,IAAMG,cAAc,GAAG,IAAI,CAACrC,cAAc,IAAI,IAAI,CAACkC,aAAa,CAAC,CAAC,CAElE,IAAMtC,MAAM,GAAG,IAAI,CAACZ,YAAY,CAEhC,oBACE7D,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAAC9D,cAAA,CAAA4G,aAAa,MAAAC,SAAA,CAAAhD,OAAA,IAACiD,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACpD,KAAK,gBAC1DlE,MAAA,CAAAoE,OAAA,CAAAC,aAAA,UACE,YAAUpD,sBAAsB,CAACE,IAAK,EACtCmD,SAAS,EAAE,IAAI,CAACC,EAAE,CAAC,IAAI,CAACC,MAAM,CAAC+C,aAAa,CAAC,CAAC,GAAAP,SAAA,OAAAA,SAAA,CAC3C,IAAI,CAACxC,MAAM,CAACgD,iBAAiB,CAAC,IAAI,CAAC9C,KAAK,CAAC,IAAG,IAAI,CAACrC,KAAK,CAACC,aAAa,EAAA0E,SAAA,CACtE,CAAE,IAEF,CAAC,IAAI,CAAC3E,KAAK,CAACC,aAAa,KAAK2E,eAAe,IAAIC,cAAc,CAAC,gBAC/DlH,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAACjE,OAAA,CAAAyF,MAAM,IAAC4B,GAAG,EAAE,IAAI,CAACtB,SAAU,EAACL,IAAI,EAAC,KAAK,IACpCrB,MACK,CAAC,GAETA,MAAM,CAAC,CAEN,CACQ,CAAC,CAEpB,CAAC,QAAApD,cAAA,GAnGiCqG,cAAK,CAACC,SAAS,GAAA3G,eAAA,CACnC4G,mBAAmB,GAAG,gBAAgB,EAAA5G,eAAA,CACtC6G,WAAW,GAAG,gBAAgB,EAAA7G,eAAA,CAE9B8G,WAAW,GAAGC,gCAAe,EAAA/G,eAAA,CAU7BgH,YAAY,GAAiC,EACzD7D,YAAY,EAAE,KAAK,CACrB,CAAC,EAAAnD,eAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}

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

@@ -1,20 +1,11 @@
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { ToastClose, Action, ToastProps, ToastUse, ToastPushConfig } from '../Toast/Toast';
-import { Toast } from '../Toast/Toast';
+import type { ToastClose, ToastProps, ToastPushApi } from '../Toast';
+import { Toast } from '../Toast';
 /**
  * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
  * Позволяет вызывать тосты с помощью статических методов.
- * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.
- *
- * Метод `push` поддерживает два api.
- *
- * 1. Устаревший с последовательной передачей аргументов: `SingleToast.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
- * 2. Новый с передачей объекта конфигурации: `SingleToast.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  *
  * ##### Особенности компонента SingleToast
  * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
@@ -22,7 +13,7 @@ import { Toast } from '../Toast/Toast';
 export declare class SingleToast extends React.Component<ToastProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static ref: React.RefObject<Toast>;
+    static ref: React.RefObject<Toast | null>;
     static close: ToastClose;
     /**
      * Показывает тост с `notification` в качестве сообщения.
@@ -34,15 +25,7 @@ export declare class SingleToast extends React.Component<ToastProps> {
      * @param {React.ReactNode} notification
      * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
      *
-     * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
-     * @example
-     * // Будет удален в 6.0
-     * SingleToast.push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
-     *
-     * @example
-     * // Останется в > 6.0
-     * SingleToast.push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
      */
-    static push: (notification: React.ReactNode, configOrAction?: ToastPushConfig | Nullable<Action>, showTime?: number, showCloseIcon?: boolean, use?: ToastUse) => void;
+    static push: ToastPushApi;
     render: () => React.JSX.Element;
 }

package/cjs/components/SingleToast/SingleToast.js

@@ -2,22 +2,13 @@
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
 
-
-var _Toast = require("../Toast/Toast");var _SingleToast;
+var _Toast = require("../Toast");var _SingleToast;
 
 /**
  * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
  * Позволяет вызывать тосты с помощью статических методов.
- * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.
- *
- * Метод `push` поддерживает два api.
- *
- * 1. Устаревший с последовательной передачей аргументов: `SingleToast.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
- * 2. Новый с передачей объекта конфигурации: `SingleToast.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
- *
- * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  *
  * ##### Особенности компонента SingleToast
  * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
@@ -43,21 +34,6 @@ SingleToast = exports.SingleToast = /*#__PURE__*/function (_React$Component) {fu
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -76,12 +52,4 @@ SingleToast = exports.SingleToast = /*#__PURE__*/function (_React$Component) {fu
  * @param {React.ReactNode} notification
  * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
  *
- * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
- * @example
- * // Будет удален в 6.0
- * SingleToast.push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
- *
- * @example
- * // Останется в > 6.0
- * SingleToast.push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
- */SingleToast.push = function (notification, configOrAction, showTime, showCloseIcon, use) {var _SingleToast$ref$curr3;_SingleToast.close();(_SingleToast$ref$curr3 = _SingleToast.ref.current) == null || _SingleToast$ref$curr3.push(notification, configOrAction, showTime, showCloseIcon, use);};
+ */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","close","version","search","ReactDOM","flushSync","_SingleToast$ref$curr","current","_SingleToast$ref$curr2","push","notification","configOrAction","showTime","showCloseIcon","use","_SingleToast$ref$curr3"],"sources":["SingleToast.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { ToastClose, Action, ToastProps, ToastUse, ToastPushConfig } from '../Toast/Toast';\nimport { Toast } from '../Toast/Toast';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n * В отличие от статических методов из компонента Toast их можно кастомизировать и они работают с `React@18`.\n *\n * Метод `push` поддерживает два api.\n *\n * 1. Устаревший с последовательной передачей аргументов: `SingleToast.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`\n * 2. Новый с передачей объекта конфигурации: `SingleToast.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`\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   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.\n   * @example\n   * // Будет удален в 6.0\n   * SingleToast.push('notification', { label: \"cat meow\", handler: () => {} }, 15_000, false, \"error\")\n   *\n   * @example\n   * // Останется в > 6.0\n   * SingleToast.push('notification', { action: { label: \"cat meow\", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: \"error\" })\n   */\n  public static push = (\n    notification: React.ReactNode,\n    // TODO: после выпиливания старого api убрать здесь\n    configOrAction?: ToastPushConfig | Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n    use?: ToastUse,\n  ) => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(notification, configOrAction, showTime, showCloseIcon, use);\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;;;;AAIA,IAAAE,MAAA,GAAAF,OAAA,mBAAuC,IAAAG,YAAA;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAhBA;AAiBaC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CtBU,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,GA5C/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GA/Ba1B,WAAW,CAgCRkC,IAAI,GAAG,UACnBC,YAA6B,EAE7BC,cAAmD,EACnDC,QAAiB,EACjBC,aAAuB,EACvBC,GAAc,EACX,KAAAC,sBAAA,CACHxC,YAAW,CAAC0B,KAAK,CAAC,CAAC,CACnB,CAAAc,sBAAA,GAAAxC,YAAW,CAACkB,GAAG,CAACc,OAAO,aAAvBQ,sBAAA,CAAyBN,IAAI,CAACC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,CAAC,CAC3F,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 = (): React.JSX.Element => <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,iCAAyBnB,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,GA7BlDqB,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/Spinner/Spinner.d.ts

@@ -38,6 +38,9 @@ export declare class Spinner extends React.Component<SpinnerProps> {
     static defaultProps: DefaultProps;
     private getProps;
     static Types: Record<SpinnerType, SpinnerType>;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/components/Spinner/Spinner.js

@@ -1,14 +1,15 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SpinnerDataTids = exports.Spinner = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
+
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _SpinnerIcon = require("../../internal/SpinnerIcon/SpinnerIcon");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Spinner2 = require("./Spinner.styles");var _class, _Spinner;
 
@@ -54,7 +55,8 @@ var SpinnerDataTids = exports.SpinnerDataTids = {
  * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
  */var
 
-Spinner = exports.Spinner = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PURE__*/function (_React$Component) {function Spinner() {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.
+
+Spinner = exports.Spinner = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PURE__*/function (_React$Component) {function Spinner() {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.
 
 
 
@@ -94,16 +96,20 @@ Spinner = exports.Spinner = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PU
 
 
 
-    renderSpinner = function (type, dimmed, inline) {var _cx;
+
+
+
+
+
+    renderSpinner = function (type, dimmed, inline) {var _this$cx;
       return /*#__PURE__*/(
         _react.default.createElement(_SpinnerIcon.SpinnerIcon, {
           size: type,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[
-          _Spinner2.styles.circle(_this.theme)] = !dimmed && !_this.props.color, _cx[
-          _Spinner2.styles.circleDimmedColor(_this.theme)] = dimmed, _cx[
-          _Spinner2.styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color, _cx)
+          className: _this.cx((_this$cx = {}, _this$cx[
+          _this.styles.circle(_this.theme)] = !dimmed && !_this.props.color, _this$cx[
+          _this.styles.circleDimmedColor(_this.theme)] = dimmed, _this$cx[
+          _this.styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color, _this$cx)
           ),
-          dimmed: dimmed,
           width: _this.props.width,
           color: _this.props.color,
           inline: inline }
@@ -112,4 +118,4 @@ Spinner = exports.Spinner = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PU
     };_this.
 
     renderCaption = function (type, caption) {return /*#__PURE__*/(
-        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Spinner2.styles[type](_this.theme), _Spinner2.styles.captionColor(_this.theme)) }, caption));};return _this;}(0, _inheritsLoose2.default)(Spinner, _React$Component);var _proto = Spinner.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.renderMain = function renderMain() {var _this$props = this.props,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? null : _this$props$caption,dimmed = _this$props.dimmed,inline = _this$props.inline;var type = this.getProps().type;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SpinnerDataTids.root, className: _Spinner2.styles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _Spinner2.styles.inner() }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));};return Spinner;}(_react.default.Component), _Spinner.__KONTUR_REACT_UI__ = 'Spinner', _Spinner.displayName = 'Spinner', _Spinner.defaultProps = { type: 'normal' }, _Spinner.Types = Object.assign.apply(Object, [{}].concat(types.map(function (type) {var _ref;return _ref = {}, _ref[type] = type, _ref;}))), _Spinner)) || _class;
+        _react.default.createElement("span", { className: _this.cx(_this.styles[type](_this.theme), _this.styles.captionColor(_this.theme)) }, caption));};return _this;}(0, _inheritsLoose2.default)(Spinner, _React$Component);var _proto = Spinner.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Spinner2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? null : _this$props$caption,dimmed = _this$props.dimmed,inline = _this$props.inline;var type = this.getProps().type;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SpinnerDataTids.root, className: this.styles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: this.styles.inner() }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));};return Spinner;}(_react.default.Component), _Spinner.__KONTUR_REACT_UI__ = 'Spinner', _Spinner.displayName = 'Spinner', _Spinner.defaultProps = { type: 'normal' }, _Spinner.Types = Object.assign.apply(Object, [{}].concat(types.map(function (type) {var _ref;return _ref = {}, _ref[type] = type, _ref;}))), _Spinner)) || _class) || _class;

package/cjs/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_SpinnerIcon","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_Spinner2","_class","_Spinner","types","SpinnerDataTids","exports","root","Spinner","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderSpinner","type","dimmed","inline","_cx","default","createElement","SpinnerIcon","size","className","cx","styles","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","renderMain","_this$props","_this$props$caption","CommonWrapper","_extends2","rootNodeRef","setRootNode","spinner","inner","React","Component","__KONTUR_REACT_UI__","displayName","Types","Object","assign","map","_ref"],"sources":["Spinner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Spinner.styles';\n\nconst types = ['big', 'mini', 'normal'] as const;\n\nexport type SpinnerType = (typeof types)[number];\n\nexport interface SpinnerProps extends CommonProps {\n  /** Задает подпись под спиннером.\n   * @default \"Загрузка\" */\n  caption?: React.ReactNode;\n\n  /** Переводит спиннер в \"затемнённый режим\".\n   * Цвет спиннера в \"затемнённом режиме\" определяется переменной `spinnerDimmedColor`. */\n  dimmed?: boolean;\n\n  /** Задает размер спиннера и текста.\n   * @default normal. */\n  type?: SpinnerType;\n\n  /** Уменьшает спиннер для вставки в инлайн элемент. При type = \"big\"|\"normal\" размер спиннера уменьшается. */\n  inline?: boolean;\n\n  /** Задает толщину спиннера. */\n  width?: number;\n\n  /** Задает цвет спиннера. Не работает с пропом dimmed. */\n  color?: React.CSSProperties['color'];\n}\n\nexport const SpinnerDataTids = {\n  root: 'Spinner__root',\n} as const;\n\ntype DefaultProps = Required<Pick<SpinnerProps, 'type'>>;\n\n/**\n * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.\n *\n * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.\n * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.\n *\n * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.\n */\n@rootNode\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n  public static displayName = 'Spinner';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n  };\n\n  private getProps = createPropsGetter(Spinner.defaultProps);\n\n  public static Types: Record<SpinnerType, SpinnerType> = Object.assign({}, ...types.map((type) => ({ [type]: type })));\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption = null, dimmed, inline } = this.props;\n    const type = this.getProps().type;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SpinnerDataTids.root} className={styles.spinner()}>\n          <span className={styles.inner()}>{this.renderSpinner(type, dimmed, inline)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderSpinner = (type: SpinnerType, dimmed?: boolean, inline?: boolean) => {\n    return (\n      <SpinnerIcon\n        size={type}\n        className={cx({\n          [styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [styles.circleDimmedColor(this.theme)]: dimmed,\n          [styles.circleWithoutColorAnimation()]: dimmed || !!this.props.color,\n        })}\n        dimmed={dimmed}\n        width={this.props.width}\n        color={this.props.color}\n        inline={inline}\n      />\n    );\n  };\n\n  private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\n    <span className={cx(styles[type](this.theme), styles.captionColor(this.theme))}>{caption}</span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_SpinnerIcon","_CommonWrapper","_rootNode","_createPropsGetter","_renderEnvironment","_Spinner2","_class","_Spinner","types","SpinnerDataTids","exports","root","Spinner","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderSpinner","type","dimmed","inline","_this$cx","default","createElement","SpinnerIcon","size","className","cx","styles","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose2","_proto","prototype","render","_this2","getStyles","emotion","ThemeContext","Consumer","renderMain","_this$props","_this$props$caption","CommonWrapper","_extends2","rootNodeRef","setRootNode","spinner","inner","React","Component","__KONTUR_REACT_UI__","displayName","Types","Object","assign","map","_ref"],"sources":["Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Spinner.styles';\n\nconst types = ['big', 'mini', 'normal'] as const;\n\nexport type SpinnerType = (typeof types)[number];\n\nexport interface SpinnerProps extends CommonProps {\n  /** Задает подпись под спиннером.\n   * @default \"Загрузка\" */\n  caption?: React.ReactNode;\n\n  /** Переводит спиннер в \"затемнённый режим\".\n   * Цвет спиннера в \"затемнённом режиме\" определяется переменной `spinnerDimmedColor`. */\n  dimmed?: boolean;\n\n  /** Задает размер спиннера и текста.\n   * @default normal. */\n  type?: SpinnerType;\n\n  /** Уменьшает спиннер для вставки в инлайн элемент. При type = \"big\"|\"normal\" размер спиннера уменьшается. */\n  inline?: boolean;\n\n  /** Задает толщину спиннера. */\n  width?: number;\n\n  /** Задает цвет спиннера. Не работает с пропом dimmed. */\n  color?: React.CSSProperties['color'];\n}\n\nexport const SpinnerDataTids = {\n  root: 'Spinner__root',\n} as const;\n\ntype DefaultProps = Required<Pick<SpinnerProps, 'type'>>;\n\n/**\n * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.\n *\n * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.\n * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.\n *\n * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.\n */\n@withRenderEnvironment\n@rootNode\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n  public static displayName = 'Spinner';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n  };\n\n  private getProps = createPropsGetter(Spinner.defaultProps);\n\n  public static Types: Record<SpinnerType, SpinnerType> = Object.assign({}, ...types.map((type) => ({ [type]: type })));\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption = null, dimmed, inline } = this.props;\n    const type = this.getProps().type;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SpinnerDataTids.root} className={this.styles.spinner()}>\n          <span className={this.styles.inner()}>{this.renderSpinner(type, dimmed, inline)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderSpinner = (type: SpinnerType, dimmed?: boolean, inline?: boolean) => {\n    return (\n      <SpinnerIcon\n        size={type}\n        className={this.cx({\n          [this.styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [this.styles.circleDimmedColor(this.theme)]: dimmed,\n          [this.styles.circleWithoutColorAnimation()]: dimmed || !!this.props.color,\n        })}\n        width={this.props.width}\n        color={this.props.color}\n        inline={inline}\n      />\n    );\n  };\n\n  private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\n    <span className={this.cx(this.styles[type](this.theme), this.styles.captionColor(this.theme))}>{caption}</span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     circle(t: Theme): string;
     circleDimmedColor(t: Theme): string;
     circleWithoutColorAnimation(): string;
@@ -13,4 +13,4 @@ export declare const styles: {
     large(t: Theme): string;
     spinner(): string;
     inner(): string;
-};
+}>;