npm - @skbkontur/react-ui - Versions diffs - 0.0.0-dad43298ae → 0.0.0-db9f11da2a - Mend

@skbkontur/react-ui 0.0.0-dad43298ae → 0.0.0-db9f11da2a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (952) hide show

package/cjs/components/SidePage/SidePageFooter.js.map CHANGED Viewed

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

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SidePageContextType } from './SidePageContext';
 export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
@@ -7,9 +8,15 @@ export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
     sticky?: boolean;
     /** Определяет, нужно ли показывать ModalSeparator. */
     hasSeparator?: boolean;
+    /**
+     * Обрезает длинный заголовок при «залипании» шапки.
+     * @default true. Если включить флаг sidePageNotCutTitleOnStuckByDefault, дефолтное значение - false
+     */
+    cutTitleOnStuck?: boolean;
 }
 export interface SidePageHeaderState {
-    isReadyToFix: boolean;
+    isNativeStuck: boolean;
+    isReadyToStuck: boolean;
 }
 export declare const SidePageHeaderDataTids: {
     readonly root: "SidePageHeader__root";
@@ -32,18 +39,21 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
     private wrapper;
     private sticky;
     private lastRegularHeight;
+    getRootNode: TGetRootNode;
     private setRootNode;
+    private featureFlags;
     get regularHeight(): number;
     get fixedHeaderHeight(): number;
     componentDidMount: () => void;
     componentWillUnmount: () => void;
+    private throttleHandleScroll;
     update: () => void;
     render(): JSX.Element;
     getStickyProp(): boolean;
     private renderMain;
     private renderHeader;
     private renderClose;
-    private updateReadyToFix;
+    private updateReadyToStuck;
     private wrapperRef;
     private stickyRef;
 }

package/cjs/components/SidePage/SidePageHeader.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "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");
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _Sticky = require("../Sticky");
 var _utils = require("../../lib/utils");
@@ -15,6 +15,8 @@ var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _ModalSeparator = require("../Modal/ModalSeparator");
 var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
 var _SidePage = require("./SidePage.styles");
 var _SidePageContext = require("./SidePageContext");
@@ -32,6 +34,13 @@ var _SidePageCloseButton = require("./SidePageCloseButton");var _class, _SidePag
 var SidePageHeaderDataTids = exports.SidePageHeaderDataTids = {
   root: 'SidePageHeader__root',
@@ -55,7 +64,8 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
     state = {
-      isReadyToFix: false
+      isNativeStuck: true,
+      isReadyToStuck: false
     };_this.
@@ -83,21 +93,33 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
-    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();
+      if (!_this.featureFlags.sidePageDisableHeaderShrink) {
+        _this.updateReadyToStuck();
+      }
     };_this.
@@ -146,13 +168,33 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
-    renderHeader = function (fixed) {var _cx, _cx2;if (fixed === void 0) {fixed = false;}
+    renderHeader = function (fixed) {var _cx, _this$props$cutTitleO, _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)
           ) },
@@ -161,7 +203,8 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
           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.titleFixed()] = fixed, _cx2)
+          _SidePage.styles.titleCut()] =
+          fixed && ((_this$props$cutTitleO = _this.props.cutTitleOnStuck) != null ? _this$props$cutTitleO : !_this.featureFlags.sidePageNotCutTitleOnStuckByDefault), _cx2)
           ) },
         (0, _utils.isFunction)(_this.props.children) ? _this.props.children(fixed) : _this.props.children
@@ -179,28 +222,29 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
         _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, _cx3[
-          _SidePage.styles.wrapperCloseFixed5_1(_this.theme)] = fixed && 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)
           ) },
-        _this.isMobileLayout ? /*#__PURE__*/
-        _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed, isMobile: true }) : /*#__PURE__*/
+        !(_this.isMobileLayout || _this.featureFlags.sidePageDisableHeaderShrink) ? /*#__PURE__*/
         _react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset }, /*#__PURE__*/
         _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed })
-        )
+        ) : /*#__PURE__*/
+        _react.default.createElement(_SidePageCloseButton.SidePageCloseButton, { isHeaderFixed: fixed, isMobile: _this.isMobileLayout })
         ));
     };_this.
-    updateReadyToFix = function () {
+    updateReadyToStuck = 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;});
+        var isReadyToStuck = _this.regularHeight + wrapperScrolledUp <= _this.fixedHeaderHeight;
+        _this.setState(function (state) {return state.isReadyToStuck !== isReadyToStuck ? (0, _extends2.default)({}, state, { isReadyToStuck: isReadyToStuck }) : state;});
       }
     };_this.
@@ -210,4 +254,4 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
     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 _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;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Sticky","_utils","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_ModalSeparator","_ThemeHelpers","_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","componentDidMount","globalObject","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","_this$sticky","reflow","updateReadyToFix","renderHeader","fixed","_cx","_cx2","isDisplayed","props","hasSeparator","default","createElement","className","cx","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","title5_1","isThemeGTE","mobileTitle","titleFixed","isFunction","children","ModalSeparator","_cx3","stickyOffset","parseInt","sidePageHeaderStickyOffset","versionGTE5_1","wrapperClose","wrapperClose5_1","wrapperCloseFixed","wrapperCloseFixed5_1","mobileWrapperClose","mobileWrapperClose5_1","SidePageCloseButton","isHeaderFixed","isMobile","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 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 { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport 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\nexport interface SidePageHeaderState {\n isReadyToFix: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n root: 'SidePageHeader__root',\n close: 'SidePage__close',\n} as const;\n\n/\n Шапка сайдпейджа\n \n @visibleName SidePage.Header\n /\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n public static displayName = 'SidePageHeader';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n\n private isMobileLayout!: boolean;\n\n public state: SidePageHeaderState = {\n isReadyToFix: false,\n };\n\n public static defaultProps: Partial<SidePageHeaderProps> = {\n hasSeparator: false,\n };\n\n private theme!: Theme;\n private wrapper: HTMLElement \| null = null;\n private sticky: Sticky \| null = null;\n private lastRegularHeight = 0;\n private setRootNode!: TSetRootNode;\n public get regularHeight(): number {\n const { isReadyToFix } = this.state;\n if (!this.wrapper) {\n return 0;\n }\n if (!isReadyToFix) {\n this.lastRegularHeight = getDOMRect(this.wrapper).height;\n }\n return this.lastRegularHeight;\n }\n\n public get fixedHeaderHeight(): number {\n const { theme } = this;\n return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) 2;\n }\n\n public componentDidMount = () => {\n globalObject.addEventListener?.('scroll', this.update, true);\n this.context.setHasHeader?.();\n this.context.headerRef(this);\n };\n\n public componentWillUnmount = () => {\n globalObject.removeEventListener?.('scroll', this.update, true);\n this.context.setHasHeader?.(false);\n this.context.headerRef(null);\n };\n\n public update = () => {\n this.sticky?.reflow();\n this.updateReadyToFix();\n };\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getStickyProp() {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n private renderMain() {\n const { isReadyToFix } = this.state;\n\n const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n const header = this.renderHeader;\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={SidePageHeaderDataTids.root} ref={this.wrapperRef} className={styles.headerWrapper()}>\n {isStickyDesktop \|\| isStickyMobile ? (\n <Sticky ref={this.stickyRef} side=\"top\">\n {header}\n </Sticky>\n ) : (\n header()\n )}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = (fixed = false) => {\n const isDisplayed = this.props.hasSeparator \|\| fixed;\n return (\n <div>\n <div\n className={cx(styles.header(this.theme), {\n [styles.headerFixed(this.theme)]: fixed,\n [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.renderClose(fixed)}\n <div\n className={cx(styles.title(this.theme), {\n [styles.title5_1(this.theme)]: isThemeGTE(this.theme, '5.1'),\n [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n [styles.titleFixed()]: fixed,\n })}\n >\n {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n </div>\n </div>\n {isDisplayed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n private renderClose = (fixed: boolean) => {\n const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n const versionGTE5_1 = isThemeGTE(this.theme, '5.1');\n return (\n <div\n className={cx(styles.wrapperClose(this.theme), {\n [styles.wrapperClose5_1(this.theme)]: versionGTE5_1,\n [styles.wrapperCloseFixed(this.theme)]: fixed,\n [styles.wrapperCloseFixed5_1(this.theme)]: fixed && versionGTE5_1,\n [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n [styles.mobileWrapperClose5_1(this.theme)]: this.isMobileLayout && versionGTE5_1,\n })}\n >\n {this.isMobileLayout ? (\n <SidePageCloseButton isHeaderFixed={fixed} isMobile />\n ) : (\n <Sticky side=\"top\" offset={stickyOffset}>\n <SidePageCloseButton isHeaderFixed={fixed} />\n </Sticky>\n )}\n </div>\n );\n };\n\n private updateReadyToFix = () => {\n if (this.wrapper) {\n const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n }\n };\n\n private wrapperRef = (el: HTMLElement \| null) => {\n this.wrapper = el;\n };\n\n private stickyRef = (el: Sticky \| null) => {\n this.sticky = el;\n };\n}\n"],"mappings":"+cAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,aAAA,GAAAX,OAAA;;AAEA,IAAAY,SAAA,GAAAZ,OAAA;;AAEA,IAAAa,gBAAA,GAAAb,OAAA;AACA,IAAAc,oBAAA,GAAAd,OAAA,0BAA4D,IAAAe,MAAA,EAAAC,eAAA;;;;;;;;;;;;;;;AAerD,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpCE,IAAI,EAAE,sBAAsB;EAC5BC,KAAK,EAAE;AACT,CAAU;;AAEV;AACA;AACA;AACA;AACA,GAJA;;;AAOaC,cAAc,GAAAH,OAAA,CAAAG,cAAA,OAF1BC,2BAAgB,EAAAP,MAAA,OAChBQ,kBAAQ,EAAAR,MAAA,IAAAC,eAAA,0BAAAQ,gBAAA,YAAAH,eAAA,OAAAI,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,YAAY,EAAE;IAChB,CAAC,CAAAZ,KAAA;;;;;;;IAOOa,OAAO,GAAuB,IAAI,CAAAb,KAAA;IAClCc,MAAM,GAAkB,IAAI,CAAAd,KAAA;IAC5Be,iBAAiB,GAAG,CAAC,CAAAf,KAAA;;;;;;;;;;;;;;;;;;IAkBtBgB,iBAAiB,GAAG,YAAM;MAC/BC,0BAAY,CAACC,gBAAgB,YAA7BD,0BAAY,CAACC,gBAAgB,CAAG,QAAQ,EAAElB,KAAA,CAAKmB,MAAM,EAAE,IAAI,CAAC;MAC5DnB,KAAA,CAAKU,OAAO,CAACU,YAAY,YAAzBpB,KAAA,CAAKU,OAAO,CAACU,YAAY,CAAG,CAAC;MAC7BpB,KAAA,CAAKU,OAAO,CAACW,SAAS,CAAArB,KAAK,CAAC;IAC9B,CAAC,CAAAA,KAAA;;IAEMsB,oBAAoB,GAAG,YAAM;MAClCL,0BAAY,CAACM,mBAAmB,YAAhCN,0BAAY,CAACM,mBAAmB,CAAG,QAAQ,EAAEvB,KAAA,CAAKmB,MAAM,EAAE,IAAI,CAAC;MAC/DnB,KAAA,CAAKU,OAAO,CAACU,YAAY,YAAzBpB,KAAA,CAAKU,OAAO,CAACU,YAAY,CAAG,KAAK,CAAC;MAClCpB,KAAA,CAAKU,OAAO,CAACW,SAAS,CAAC,IAAI,CAAC;IAC9B,CAAC,CAAArB,KAAA;;IAEMmB,MAAM,GAAG,YAAM,KAAAK,YAAA;MACpB,CAAAA,YAAA,GAAAxB,KAAA,CAAKc,MAAM,aAAXU,YAAA,CAAaC,MAAM,CAAC,CAAC;MACrBzB,KAAA,CAAK0B,gBAAgB,CAAC,CAAC;IACzB,CAAC,CAAA1B,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDO2B,YAAY,GAAG,UAACC,KAAK,EAAa,KAAAC,GAAA,EAAAC,IAAA,KAAlBF,KAAK,cAALA,KAAK,GAAG,KAAK;MACnC,IAAMG,WAAW,GAAG/B,KAAA,CAAKgC,KAAK,CAACC,YAAY,IAAIL,KAAK;MACpD;QACEvD,MAAA,CAAA6D,OAAA,CAAAC,aAAA;QACE9D,MAAA,CAAA6D,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,gBAAM,CAACC,MAAM,CAACvC,KAAA,CAAKwC,KAAK,CAAC,GAAAX,GAAA,OAAAA,GAAA;UACpCS,gBAAM,CAACG,WAAW,CAACzC,KAAA,CAAKwC,KAAK,CAAC,IAAGZ,KAAK,EAAAC,GAAA;UACtCS,gBAAM,CAACI,YAAY,CAAC1C,KAAA,CAAKwC,KAAK,CAAC,IAAGxC,KAAA,CAAK2C,cAAc,EAAAd,GAAA;UACvD,CAAE;;QAEF7B,KAAA,CAAK4C,WAAW,CAAChB,KAAK,CAAC;QACxBvD,MAAA,CAAA6D,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,gBAAM,CAACO,KAAK,CAAC7C,KAAA,CAAKwC,KAAK,CAAC,GAAAV,IAAA,OAAAA,IAAA;UACnCQ,gBAAM,CAACQ,QAAQ,CAAC9C,KAAA,CAAKwC,KAAK,CAAC,IAAG,IAAAO,wBAAU,EAAC/C,KAAA,CAAKwC,KAAK,EAAE,KAAK,CAAC,EAAAV,IAAA;UAC3DQ,gBAAM,CAACU,WAAW,CAAChD,KAAA,CAAKwC,KAAK,CAAC,IAAGxC,KAAA,CAAK2C,cAAc,EAAAb,IAAA;UACpDQ,gBAAM,CAACW,UAAU,CAAC,CAAC,IAAGrB,KAAK,EAAAE,IAAA;UAC7B,CAAE;;QAEF,IAAAoB,iBAAU,EAAClD,KAAA,CAAKgC,KAAK,CAACmB,QAAQ,CAAC,GAAGnD,KAAA,CAAKgC,KAAK,CAACmB,QAAQ,CAACvB,KAAK,CAAC,GAAG5B,KAAA,CAAKgC,KAAK,CAACmB;QACxE;QACF,CAAC;QACLpB,WAAW,iBAAI1D,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAAClD,eAAA,CAAAmE,cAAc,IAACxB,KAAK,EAAEA,KAAM,EAAE;QAC5C,CAAC;;IAEV,CAAC,CAAA5B,KAAA;;IAEO4C,WAAW,GAAG,UAAChB,KAAc,EAAK,KAAAyB,IAAA;MACxC,IAAMC,YAAY,GAAGC,QAAQ,CAACvD,KAAA,CAAKwC,KAAK,CAACgB,0BAA0B,CAAC;MACpE,IAAMC,aAAa,GAAG,IAAAV,wBAAU,EAAC/C,KAAA,CAAKwC,KAAK,EAAE,KAAK,CAAC;MACnD;QACEnE,MAAA,CAAA6D,OAAA,CAAAC,aAAA;UACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,gBAAM,CAACoB,YAAY,CAAC1D,KAAA,CAAKwC,KAAK,CAAC,GAAAa,IAAA,OAAAA,IAAA;UAC1Cf,gBAAM,CAACqB,eAAe,CAAC3D,KAAA,CAAKwC,KAAK,CAAC,IAAGiB,aAAa,EAAAJ,IAAA;UAClDf,gBAAM,CAACsB,iBAAiB,CAAC5D,KAAA,CAAKwC,KAAK,CAAC,IAAGZ,KAAK,EAAAyB,IAAA;UAC5Cf,gBAAM,CAACuB,oBAAoB,CAAC7D,KAAA,CAAKwC,KAAK,CAAC,IAAGZ,KAAK,IAAI6B,aAAa,EAAAJ,IAAA;UAChEf,gBAAM,CAACwB,kBAAkB,CAAC9D,KAAA,CAAKwC,KAAK,CAAC,IAAGxC,KAAA,CAAK2C,cAAc,EAAAU,IAAA;UAC3Df,gBAAM,CAACyB,qBAAqB,CAAC/D,KAAA,CAAKwC,KAAK,CAAC,IAAGxC,KAAA,CAAK2C,cAAc,IAAIc,aAAa,EAAAJ,IAAA;UACjF,CAAE;;QAEFrD,KAAA,CAAK2C,cAAc;QAClBtE,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAAC9C,oBAAA,CAAA2E,mBAAmB,IAACC,aAAa,EAAErC,KAAM,EAACsC,QAAQ,QAAE,CAAC;;QAEtD7F,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAAC1D,OAAA,CAAA0F,MAAM,IAACC,IAAI,EAAC,KAAK,EAACC,MAAM,EAAEf,YAAa;QACtCjF,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAAC9C,oBAAA,CAAA2E,mBAAmB,IAACC,aAAa,EAAErC,KAAM,EAAE;QACtC;;QAEP,CAAC;;IAEV,CAAC,CAAA5B,KAAA;;IAEO0B,gBAAgB,GAAG,YAAM;MAC/B,IAAI1B,KAAA,CAAKa,OAAO,EAAE;QAChB,IAAMyD,iBAAiB,GAAG,IAAAC,sBAAU,EAACvE,KAAA,CAAKa,OAAO,CAAC,CAAC2D,GAAG;QACtD,IAAM5D,YAAY,GAAGZ,KAAA,CAAKyE,aAAa,GAAGH,iBAAiB,IAAItE,KAAA,CAAK0E,iBAAiB;QACrF1E,KAAA,CAAK2E,QAAQ,CAAC,UAAChE,KAAK,UAAMA,KAAK,CAACC,YAAY,KAAKA,YAAY,OAAAgE,SAAA,CAAA1C,OAAA,MAAQvB,KAAK,IAAEC,YAAY,EAAZA,YAAY,MAAKD,KAAK,EAAC,CAAC;MACtG;IACF,CAAC,CAAAX,KAAA;;IAEO6E,UAAU,GAAG,UAACC,EAAsB,EAAK;MAC/C9E,KAAA,CAAKa,OAAO,GAAGiE,EAAE;IACnB,CAAC,CAAA9E,KAAA;;IAEO+E,SAAS,GAAG,UAACD,EAAiB,EAAK;MACzC9E,KAAA,CAAKc,MAAM,GAAGgE,EAAE;IAClB,CAAC,QAAA9E,KAAA,MAAAgF,eAAA,CAAA9C,OAAA,EAAAtC,cAAA,EAAAG,gBAAA,MAAAkF,MAAA,GAAArF,cAAA,CAAAsF,SAAA,CAAAD,MAAA,CA9GME,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,oBACE/G,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAACxD,aAAA,CAAA0G,YAAY,CAACC,QAAQ,QACnB,UAAC9C,KAAK,EAAK,CACV4C,MAAI,CAAC5C,KAAK,GAAGA,KAAK,CAClB,OAAO4C,MAAI,CAACG,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAN,MAAA,CAEMO,aAAa,GAApB,SAAAA,cAAA,EAAuB,CACrB,IAAI,OAAO,IAAI,CAACxD,KAAK,CAAClB,MAAM,KAAK,WAAW,EAAE,CAC5C,OAAO,IAAI,CAACkB,KAAK,CAAClB,MAAM,CAC1B,CAEA,IAAI,IAAI,CAAC6B,cAAc,EAAE,CACvB,OAAO,KAAK,CACd,CAEA,OAAO,IAAI,CACb,CAAC,CAAAsC,MAAA,CAEOM,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAQ3E,YAAY,GAAK,IAAI,CAACD,KAAK,CAA3BC,YAAY,CAEpB,IAAM6E,eAAe,GAAG,CAAC,IAAI,CAAC9C,cAAc,IAAI,IAAI,CAAC6C,aAAa,CAAC,CAAC,IAAI5E,YAAY,CACpF,IAAM8E,cAAc,GAAG,IAAI,CAAC/C,cAAc,IAAI,IAAI,CAAC6C,aAAa,CAAC,CAAC,CAElE,IAAMjD,MAAM,GAAG,IAAI,CAACZ,YAAY,CAEhC,oBACEtD,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAACvD,cAAA,CAAA+G,aAAa,MAAAf,SAAA,CAAA1C,OAAA,IAAC0D,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC7D,KAAK,gBAC1D3D,MAAA,CAAA6D,OAAA,CAAAC,aAAA,UAAK,YAAU3C,sBAAsB,CAACE,IAAK,EAACoG,GAAG,EAAE,IAAI,CAACjB,UAAW,EAACzC,SAAS,EAAEE,gBAAM,CAACyD,aAAa,CAAC,CAAE,IACjGN,eAAe,IAAIC,cAAc,gBAChCrH,MAAA,CAAA6D,OAAA,CAAAC,aAAA,CAAC1D,OAAA,CAAA0F,MAAM,IAAC2B,GAAG,EAAE,IAAI,CAACf,SAAU,EAACX,IAAI,EAAC,KAAK,IACpC7B,MACK,CAAC,GAETA,MAAM,CAAC,CAEN,CACQ,CAAC,CAEpB,CAAC,YAAAyD,aAAA,CAAA9D,OAAA,EAAAtC,cAAA,KAAAqG,GAAA,mBAAAC,GAAA,EA7ED,SAAAA,IAAA,EAAmC,CACjC,IAAQtF,YAAY,GAAK,IAAI,CAACD,KAAK,CAA3BC,YAAY,CACpB,IAAI,CAAC,IAAI,CAACC,OAAO,EAAE,CACjB,OAAO,CAAC,CACV,CACA,IAAI,CAACD,YAAY,EAAE,CACjB,IAAI,CAACG,iBAAiB,GAAG,IAAAwD,sBAAU,EAAC,IAAI,CAAC1D,OAAO,CAAC,CAACsF,MAAM,CAC1D,CACA,OAAO,IAAI,CAACpF,iBAAiB,CAC/B,CAAC,MAAAkF,GAAA,uBAAAC,GAAA,EAED,SAAAA,IAAA,EAAuC,CACrC,IAAQ1D,KAAK,GAAK,IAAI,CAAdA,KAAK,CACb,OAAOe,QAAQ,CAACf,KAAK,CAAC4D,6BAA6B,CAAC,GAAG7C,QAAQ,CAACf,KAAK,CAAC6D,2BAA2B,CAAC,GAAG,CAAC,CACxG,CAAC,OApCiCC,cAAK,CAACC,SAAS,GAAAhH,eAAA,CACnCiH,mBAAmB,GAAG,gBAAgB,EAAAjH,eAAA,CACtCkH,WAAW,GAAG,gBAAgB,EAAAlH,eAAA,CAE9BmH,WAAW,GAAGC,gCAAe,EAAApH,eAAA,CAS7BqH,YAAY,GAAiC,EACzD3E,YAAY,EAAE,KAAK,CACrB,CAAC,EAAA1C,eAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
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":[]}

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import type { ToastProps } from '../Toast/Toast';
+import type { Nullable } from '../../typings/utility-types';
+import type { ToastClose, Action, ToastProps, ToastUse, ToastPushConfig } from '../Toast/Toast';
 import { Toast } from '../Toast/Toast';
 /**
  * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
@@ -7,12 +8,41 @@ import { Toast } from '../Toast/Toast';
  *
  * Позволяет вызывать тосты с помощью статических методов.
  * В отличие от статических методов из компонента 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` и остальные, будут применяться ко всем вызовам.
  */
 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;
+    static close: ToastClose;
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @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;
     render: () => React.JSX.Element;
 }

package/cjs/components/SingleToast/SingleToast.js CHANGED Viewed

@@ -2,6 +2,7 @@
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _Toast = require("../Toast/Toast");var _SingleToast;
 /**
@@ -10,6 +11,16 @@ var _Toast = require("../Toast/Toast");var _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` и остальные, будут применяться ко всем вызовам.
  */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.
@@ -27,6 +38,50 @@ 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
+ *
+ * @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);};

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

	@@ -1 +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 type { ToastProps } from '../Toast/Toast';\nimport { Toast } 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~~;;;AAGA~~,IAAAE,MAAA,GAAAF,OAAA,mBAAuC,IAAAG,YAAA;;AAEvC;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":[]}
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":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 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 {
@@ -35,27 +35,11 @@ type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
 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;
+    getRootNode: TGetRootNode;
     private setRootNode;
     render(): React.JSX.Element;
     private renderMain;