npm - @skbkontur/react-ui - Versions diffs - 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca - Mend

@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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 (1528) hide show

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

@@ -1,14 +1,13 @@
 "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 _lodash = _interopRequireDefault(require("lodash.throttle"));
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -74,8 +73,6 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
     wrapper = null;_this.
     sticky = null;_this.
     lastRegularHeight = 0;_this.
@@ -190,33 +187,24 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
-    renderHeader = function (fixed) {var _this$cx, _this$props$cutTitleO, _this$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: _this.cx(_this.styles.header(_this.theme), (_this$cx = {}, _this$cx[
-          _this.styles.headerFixed(_this.theme)] = fixed, _this$cx[
-          _this.styles.headerShrink(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _this$cx[
-          _this.styles.mobileHeader(_this.theme)] = _this.isMobileLayout, _this$cx)
+          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)
           ) },
         _this.renderClose(fixed), /*#__PURE__*/
         _react.default.createElement("div", {
-          className: _this.cx(_this.styles.title(_this.theme), (_this$cx2 = {}, _this$cx2[
-          _this.styles.title5_1(_this.theme)] = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.1'), _this$cx2[
-          _this.styles.mobileTitle(_this.theme)] = _this.isMobileLayout, _this$cx2[
-          _this.styles.titleCut()] =
-          fixed && ((_this$props$cutTitleO = _this.props.cutTitleOnStuck) != null ? _this$props$cutTitleO : !_this.featureFlags.sidePageNotCutTitleOnStuckByDefault), _this$cx2)
+          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)
           ) },
         (0, _utils.isFunction)(_this.props.children) ? _this.props.children(fixed) : _this.props.children
@@ -227,18 +215,18 @@ SidePageHeader = exports.SidePageHeader = (0, _decorator.responsiveLayout)(_clas
     };_this.
-    renderClose = function (fixed) {var _this$cx3;
+    renderClose = function (fixed) {var _cx3;
       var stickyOffset = parseInt(_this.theme.sidePageHeaderStickyOffset);
       var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(_this.theme, '5.1');
       return /*#__PURE__*/(
         _react.default.createElement("div", {
-          className: _this.cx(_this.styles.wrapperClose(_this.theme), (_this$cx3 = {}, _this$cx3[
-          _this.styles.wrapperClose5_1(_this.theme)] = versionGTE5_1, _this$cx3[
-          _this.styles.wrapperCloseFixed(_this.theme)] = fixed && !_this.featureFlags.sidePageDisableHeaderShrink, _this$cx3[
-          _this.styles.wrapperCloseFixed5_1(_this.theme)] =
-          fixed && versionGTE5_1 && !_this.featureFlags.sidePageDisableHeaderShrink, _this$cx3[
-          _this.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _this$cx3[
-          _this.styles.mobileWrapperClose5_1(_this.theme)] = _this.isMobileLayout && versionGTE5_1, _this$cx3)
+          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)
           ) },
         !(_this.isMobileLayout || _this.featureFlags.sidePageDisableHeaderShrink) ? /*#__PURE__*/
@@ -266,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(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _SidePage.getStyles)(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 _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 _this3$cx;_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: _this3.cx(_this3.styles.headerWrapper(), (_this3$cx = {}, _this3$cx[_this3.styles.headerNativeStuck(_this3.theme)] = _this3.state.isNativeStuck, _this3$cx)) }, /*#__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;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","_lodash","_RenderEnvironmentContext","_Sticky","_utils","_ThemeContext","_CommonWrapper","_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","_this$cx","_this$props$cutTitleO","_this$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","_this$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","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","renderMain","getStickyProp","_this3","isStickyDesktop","isStickyMobile","ReactUIFeatureFlagsContext","flags","_this3$cx","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';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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 { 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 { 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 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 cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\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 <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.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={this.cx(this.styles.headerWrapper(), {\n [this.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={this.cx(this.styles.header(this.theme), {\n [this.styles.headerFixed(this.theme)]: fixed,\n [this.styles.headerShrink(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\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.title5_1(this.theme)]: isThemeGTE(this.theme, '5.1'),\n [this.styles.mobileTitle(this.theme)]: this.isMobileLayout,\n [this.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={this.cx(this.styles.wrapperClose(this.theme), {\n [this.styles.wrapperClose5_1(this.theme)]: versionGTE5_1,\n [this.styles.wrapperCloseFixed(this.theme)]: fixed && !this.featureFlags.sidePageDisableHeaderShrink,\n [this.styles.wrapperCloseFixed5_1(this.theme)]:\n fixed && versionGTE5_1 && !this.featureFlags.sidePageDisableHeaderShrink,\n [this.styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n [this.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":[]}
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.md ADDED Viewed

@@ -0,0 +1,36 @@
+`<SingleToast>` можно добавить в единственном месте в проекте, а статические методы будут всегда использовать последний отрендеренный экземпляр `<Toast>`.
+_На внешний вид этого примера влияет следующий пример_
+### Базовый пример
+```jsx harmony
+import { Button, SingleToast } from '@skbkontur/react-ui';
+<div>
+  <SingleToast />
+  <Button onClick={() => SingleToast.push('Статический тост')}>
+    Показать статический тост
+  </Button>
+</div>
+```
+### Кастомизация
+`<SingleToast>` можно кастомизировать с помощью переменных темы для `toast`.
+```jsx harmony
+import { Button, SingleToast, ThemeContext, ThemeFactory, THEME_2022 } from '@skbkontur/react-ui';
+const rand = () => "Пример жёлтого тоста № " + Math.round(Math.random() * 100).toString();
+const pushToast = () => {
+  SingleToast.push(rand(), {
+    label: "Cancel",
+    handler: () => SingleToast.push("Canceled")
+  });
+};
+<div>
+  <SingleToast theme={{ toastBg: '#f1c40f' }} />
+  <Button onClick={pushToast}>
+    Показать тост с жёлтым фоном
+  </Button>
+</div>
+```

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

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

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

@@ -1,12 +1,11 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -95,25 +94,14 @@ Spinner = exports.Spinner = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PU
-    renderSpinner = function (type, dimmed, inline) {var _this$cx;
+    renderSpinner = function (type, dimmed, inline) {var _cx;
       return /*#__PURE__*/(
         _react.default.createElement(_SpinnerIcon.SpinnerIcon, {
           size: type,
-          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)
+          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)
           ),
           dimmed: dimmed,
           width: _this.props.width,
@@ -124,4 +112,4 @@ Spinner = exports.Spinner = (0, _rootNode.rootNode)(_class = (_Spinner = /*#__PU
     };_this.
     renderCaption = function (type, caption) {return /*#__PURE__*/(
-        _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;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _Spinner2.getStyles)(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 _ref2;return _ref2 = {}, _ref2[type] = type, _ref2;}))), _Spinner)) || _class;
+        _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;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_RenderEnvironmentContext","~~_ThemeContext","_SpinnerIcon","_CommonWrapper","_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","~~_this$cx~~","default","createElement","SpinnerIcon","size","className","cx","styles","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose2","_proto","prototype","render","_this2","~~RenderEnvironmentContext~~","Consumer","~~_ref","emotion","getStyles","ThemeContext","~~renderMain","_this$props","_this$props$caption","CommonWrapper","_extends2","rootNodeRef","setRootNode","spinner","inner","React","Component","__KONTUR_REACT_UI__","displayName","Types","Object","assign","map","~~_ref2~~"],"sources":["Spinner.tsx"],"sourcesContent":["import React from 'react';\~~nimport type { Emotion } from '@emotion/css/types/create-instance';\~~n\nimport ~~{ RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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';\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@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 ~~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() {\n return (\n <~~RenderEnvironmentContext~~.Consumer>\n {(~~{ emotion }~~) => {\n this.~~cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(~~theme) ~~=> {\n this.theme~~ = theme;\n return this.renderMain();\n ~~}}\n </ThemeContext.Consumer>\n );\n~~ }}\n </~~RenderEnvironmentContext~~.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 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={~~this.~~cx(~~this.~~styles[type](this.theme), ~~this.~~styles.captionColor(this.theme))}>{caption}</span>\n );\n}\n"],"mappings":"uWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,~~yBAAA~~,GAAAD,OAAA~~;;AAEA~~,IAAAE,~~aAAA~~,GAAAF,OAAA~~;AACA~~,IAAAG,~~YAAA~~,GAAAH,OAAA~~;;AAEA~~,IAAAI,~~cAAA~~,GAAAJ,OAAA;;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;;AAEA,IAAAO,SAAA,GAAAP,OAAA,~~qBAA6C~~,IAAAQ,MAAA,EAAAC,QAAA;;~~AAE7C~~,IAAMC,KAAK,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BzC,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,IAAI,EAAE;AACR,CAAU;;;;AAIV;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;;AASaC,OAAO,GAAAF,OAAA,CAAAE,OAAA,OADnBC,kBAAQ,EAAAP,MAAA,IAAAC,QAAA,0BAAAO,gBAAA,YAAAF,QAAA,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;;;;;;;;IASCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,OAAO,CAACe,YAAY,CAAC,CAAAZ,KAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2ClDa~~,aAAa,GAAG,UAACC,IAAiB,EAAEC,MAAgB,EAAEC,MAAgB,EAAK,KAAAC,~~QAAA~~;MACjF;QACEpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,~~CAACjC~~,YAAA,~~CAAAkC~~,WAAW;UACVC,IAAI,EAAEP,IAAK;UACXQ,SAAS,~~EAAEtB~~,~~KAAA~~,~~CAAKuB~~,~~EAAE~~,~~EAAAN~~,~~QAAA,~~OAAAA,~~QAAA~~;~~UACfjB~~,~~KAAA~~,~~CAAKwB,MAAM,~~CAACC,MAAM,CAACzB,KAAA,CAAK0B,KAAK,CAAC,IAAG,CAACX,MAAM,IAAI,CAACf,KAAA,CAAK2B,KAAK,CAACC,KAAK,EAAAX,~~QAAA~~;~~UAC7DjB~~,~~KAAA~~,~~CAAKwB,MAAM,~~CAACK,iBAAiB,CAAC7B,KAAA,CAAK0B,KAAK,CAAC,IAAGX,MAAM,EAAAE,~~QAAA~~;~~UAClDjB~~,~~KAAA~~,~~CAAKwB,MAAM,~~CAACM,2BAA2B,CAAC,CAAC,IAAGf,MAAM,IAAI,CAAC,CAACf,KAAA,CAAK2B,KAAK,CAACC,KAAK,EAAAX,~~QAAA~~;~~UAC1E~~,CAAE;UACHF,MAAM,EAAEA,MAAO;UACfgB,KAAK,EAAE/B,KAAA,CAAK2B,KAAK,CAACI,KAAM;UACxBH,KAAK,EAAE5B,KAAA,CAAK2B,KAAK,CAACC,KAAM;UACxBZ,MAAM,EAAEA,MAAO;QAChB,CAAC;;IAEN,CAAC,CAAAhB,KAAA;;IAEOgC,aAAa,GAAG,UAAClB,IAAiB,EAAEmB,OAAwB;QAClEpD,MAAA,CAAAqC,OAAA,CAAAC,aAAA,WAAMG,SAAS,~~EAAEtB,KAAA,CAAKuB,~~EAAE,~~CAACvB~~,~~KAAA~~,~~CAAKwB~~,~~MAAM~~,CAACV,IAAI,CAAC,CAACd,KAAA,CAAK0B,KAAK,CAAC,~~EAAE1B~~,~~KAAA~~,~~CAAKwB,MAAM,~~CAACU,YAAY,CAAClC,KAAA,CAAK0B,KAAK,CAAC,CAAE,IAAEO,OAAc,CAAC,~~GAChH~~,QAAAjC,KAAA,MAAAmC,eAAA,CAAAjB,OAAA,EAAArB,OAAA,EAAAE,gBAAA,MAAAqC,MAAA,GAAAvC,OAAA,CAAAwC,SAAA,CAAAD,MAAA,~~CArDME~~,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE1D,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAACnC,~~yBAAA~~,CAAAwD,~~wBAAwB~~,CAACC,QAAQ,QAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CACTJ,MAAI,CAAChB,EAAE,GAAGoB,OAAO,CAACpB,EAAE,CACpBgB,MAAI,CAACf,MAAM,GAAG,IAAAoB,mBAAS,EAACD,OAAO,CAAC,CAEhC,oBACE9D,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAA4D,YAAY,CAACJ,QAAQ,QACnB,UAACf,KAAK,EAAK,CACVa,MAAI,CAACb,KAAK,GAAGA,KAAK,CAClB,OAAOa,MAAI,~~CAACO~~,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,~~CACiC,~~CAAC,~~CAExC~~,~~CAAC,CAAAV,~~MAAA,~~CAEOU~~,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAAC,WAAA,GAA2C,IAAI,~~CAACpB~~,KAAK,~~CAAAqB~~,mBAAA,GAAAD,WAAA,~~CAA7Cd~~,OAAO,CAAPA,OAAO,~~GAAAe~~,mBAAA,cAAG,IAAI,GAAAA,mBAAA,~~CAAEjC~~,MAAM,~~GAAAgC~~,WAAA,~~CAANhC~~,MAAM,CAAEC,MAAM,~~GAAA+B~~,WAAA,~~CAAN/B~~,MAAM,CACtC,IAAMF,IAAI,GAAG,IAAI,CAACJ,QAAQ,CAAC,CAAC,CAACI,IAAI,CAEjC,oBACEjC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,~~CAAChC~~,cAAA,~~CAAA8D~~,aAAa,MAAAC,SAAA,~~CAAAhC~~,OAAA,~~IAACiC~~,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,~~CAACzB~~,KAAK,gBAC1D9C,MAAA,CAAAqC,OAAA,CAAAC,aAAA,UAAK,YAAUzB,eAAe,CAACE,IAAK,EAAC0B,SAAS,~~EAAE~~,~~IAAI~~,~~CAACE~~,~~MAAM,CAAC6B,~~OAAO,CAAC,CAAE,~~iBACpExE~~,MAAA,CAAAqC,OAAA,CAAAC,aAAA,WAAMG,SAAS,~~EAAE~~,~~IAAI~~,~~CAACE~~,~~MAAM,CAAC8B,~~KAAK,CAAC,CAAE,IAAE,IAAI,~~CAACzC~~,aAAa,CAACC,IAAI,EAAEC,MAAM,EAAEC,MAAM,CAAQ,CAAC,~~EACtFiB~~,OAAO,IAAI,IAAI,CAACD,aAAa,CAAClB,IAAI,EAAEmB,OAAO,CACzC,CACQ,CAAC,CAEpB,CAAC,QAAApC,OAAA,~~GAjD0B0D~~,cAAK,CAACC,SAAS,~~GAAAhE~~,QAAA,~~CAC5BiE~~,mBAAmB,GAAG,SAAS,~~EAAAjE~~,QAAA,CAC/~~BkE~~,WAAW,GAAG,SAAS,~~EAAAlE~~,QAAA,CAEvBoB,YAAY,GAAiB,EACzCE,IAAI,EAAE,QAAQ,CAChB,CAAC,EAAAtB,QAAA,~~CAIamE~~,KAAK,GAAqCC,MAAM,CAACC,MAAM,~~CAAArD~~,KAAA,~~CAAboD~~,MAAM,GAAQ,CAAC,CAAC,~~EAAAnD~~,MAAA,CAAKhB,KAAK,~~CAACqE~~,GAAG,CAAC,~~UAAChD~~,IAAI,~~OAAAiD~~,~~KAAA~~,QAAAA,~~KAAA~~,OAAAA,~~KAAA~~,~~CAASjD~~,IAAI,IAAGA,IAAI,~~EAAAiD~~,~~KAAA~~,EAAG,CAAC,EAAC,~~EAAAvE~~,QAAA,MAAAD,MAAA","ignoreList":[]}
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":[]}

package/cjs/components/Spinner/Spinner.md ADDED Viewed

@@ -0,0 +1,36 @@
+### Базовый пример
+```jsx harmony
+import { Gapped, Spinner } from '@skbkontur/react-ui';
+const reactNodeCaption = (
+  <div>
+    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
+    агрузка
+  </div>
+);
+<Gapped>
+  <Spinner type="big" caption="big" />
+  <Spinner type="normal" caption="normal" />
+  <Spinner type="mini" caption="mini" />
+  <Spinner type="mini" dimmed caption="mini dimmed" />
+  <Spinner type="big" caption={reactNodeCaption} />
+  <Spinner type="big" caption="custom" width={8} color={'#538A1B'}/>
+</Gapped>;
+```
+### Локали по умолчанию
+```typescript static
+interface SpinnerLocale {
+  loading?: React.ReactNode;
+}
+const ru_RU = {
+  loading: 'Загрузка',
+};
+const en_GB = {
+  loading: 'Loading',
+};
+```

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     circle(t: Theme): string;
     circleDimmedColor(t: Theme): string;
     circleWithoutColorAnimation(): string;