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

package/components/Spinner/Spinner/Spinner.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Spinner;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { SpinnerIcon } from "../../../internal/SpinnerIcon/SpinnerIcon";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { getStyles } from "../Spinner.styles";
+import { styles } from "../Spinner.styles";
 var types = ['big', 'mini', 'normal'];
 export var SpinnerDataTids = {
   root: 'Spinner__root'
@@ -31,11 +31,11 @@ export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Spinner.defaultProps);
     _this.renderSpinner = function (type, dimmed, inline) {
-      var _this$cx;
+      var _cx;
       return /*#__PURE__*/(
         React.createElement(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: cx((_cx = {}, _cx[styles.circle(_this.theme)] = !dimmed && !_this.props.color, _cx[styles.circleDimmedColor(_this.theme)] = dimmed, _cx[styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color, _cx)),
           dimmed: dimmed,
           width: _this.props.width,
           color: _this.props.color,
@@ -46,7 +46,7 @@ export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React
     _this.renderCaption = function (type, caption) {
       return /*#__PURE__*/(
         React.createElement("span", {
-          className: _this.cx(_this.styles[type](_this.theme), _this.styles.captionColor(_this.theme))
+          className: cx(styles[type](_this.theme), styles.captionColor(_this.theme))
         }, caption)
       );
     };
@@ -56,14 +56,9 @@ export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React
   var _proto = Spinner.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var emotion = _ref.emotion;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
@@ -77,15 +72,15 @@ export var Spinner = rootNode(_class = (_Spinner = /*#__PURE__*/function (_React
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
       "data-tid": SpinnerDataTids.root,
-      className: this.styles.spinner()
+      className: styles.spinner()
     }, /*#__PURE__*/React.createElement("span", {
-      className: this.styles.inner()
+      className: styles.inner()
     }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));
   };
   return Spinner;
 }(React.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;
+  var _ref;
+  return _ref = {}, _ref[type] = type, _ref;
 }))), _Spinner)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","ThemeContext","SpinnerIcon","CommonWrapper","rootNode","createPropsGetter","getStyles","types","SpinnerDataTids","root","Spinner","_class","_Spinner","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderSpinner","type","dimmed","inline","_this$cx","createElement","size","className","cx","styles","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose","_proto","prototype","render","_this2","Consumer","_ref","emotion","renderMain","_this$props","_this$props$caption","_extends","rootNodeRef","setRootNode","spinner","inner","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":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","SpinnerIcon","CommonWrapper","cx","rootNode","createPropsGetter","styles","types","SpinnerDataTids","root","Spinner","_class","_Spinner","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderSpinner","type","dimmed","inline","_cx","createElement","size","className","circle","theme","props","color","circleDimmedColor","circleWithoutColorAnimation","width","renderCaption","caption","captionColor","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","_this$props","_this$props$caption","_extends","rootNodeRef","setRootNode","spinner","inner","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/components/Spinner/Spinner.d.ts

@@ -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/components/Spinner/Spinner.md

@@ -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/components/Spinner/Spinner.styles/Spinner.styles.js

@@ -1,48 +1,46 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { AnimationKeyframes } from "../../../lib/theming/AnimationKeyframes";
 import { isIE11 } from "../../../lib/client";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    circle: function circle(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        stroke: ", ";\n\n        ", "\n      "])), t.spinnerColor, !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " + AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
-    },
-    circleDimmedColor: function circleDimmedColor(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        stroke: ", ";\n      "])), t.spinnerDimmedColor);
-    },
-    circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
-    },
-    captionColor: function captionColor(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.spinnerCaptionColor);
-    },
-    inline: function inline() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        font-size: inherit;\n        line-height: inherit;\n      "])));
-    },
-    mini: function mini(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
-    },
-    small: function small(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
-    },
-    normal: function normal(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
-    },
-    medium: function medium(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
-    },
-    big: function big(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
-    },
-    large: function large(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        margin: ", ";\n      "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
-    },
-    spinner: function spinner() {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      "])));
-    },
-    inner: function inner() {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n      "])));
-    }
-  });
-};
+export var styles = memoizeStyle({
+  circle: function circle(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n\n      ", "\n    "])), t.spinnerColor, !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " + AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
+  },
+  circleDimmedColor: function circleDimmedColor(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      stroke: ", ";\n    "])), t.spinnerDimmedColor);
+  },
+  circleWithoutColorAnimation: function circleWithoutColorAnimation() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), !isIE11 && "\n          animation: " + AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " + AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " + AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
+  },
+  captionColor: function captionColor(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.spinnerCaptionColor);
+  },
+  inline: function inline() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+  },
+  mini: function mini(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+  },
+  small: function small(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+  },
+  normal: function normal(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
+  },
+  medium: function medium(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
+  },
+  big: function big(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
+  },
+  large: function large(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
+  },
+  spinner: function spinner() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
+  },
+  inner: function inner() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  }
+});

package/components/Spinner/Spinner.styles/Spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","AnimationKeyframes","isIE11","getStyles","emotion","circle","t","css","_templateObject","_taggedTemplateLiteralLoose","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","_templateObject2","spinnerDimmedColor","circleWithoutColorAnimation","_templateObject3","captionColor","_templateObject4","spinnerCaptionColor","inline","_templateObject5","mini","_templateObject6","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","_templateObject7","spinnerCaptionMarginSmall","normal","_templateObject8","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","_templateObject9","spinnerCaptionMarginMedium","big","_templateObject10","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","_templateObject11","spinnerCaptionMarginLarge","spinner","_templateObject12","inner","_templateObject13"],"sources":["Spinner.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    circle(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerColor};\n\n        ${\n          !isIE11 &&\n          `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `\n        }\n      `;\n    },\n    circleDimmedColor(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerDimmedColor};\n      `;\n    },\n    circleWithoutColorAnimation() {\n      return emotion.css`\n        ${\n          !isIE11 &&\n          `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n        `\n        }\n      `;\n    },\n\n    captionColor(t: Theme) {\n      return emotion.css`\n        color: ${t.spinnerCaptionColor};\n      `;\n    },\n\n    inline() {\n      return emotion.css`\n        font-size: inherit;\n        line-height: inherit;\n      `;\n    },\n\n    mini(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.spinnerCaptionGapSmall};\n        font-size: ${t.spinnerFontSizeSmall};\n        line-height: ${t.spinnerLineHeightSmall};\n      `;\n    },\n\n    small(t: Theme) {\n      return emotion.css`\n        margin: ${t.spinnerCaptionMarginSmall};\n        font-size: ${t.spinnerFontSizeSmall};\n        line-height: ${t.spinnerLineHeightSmall};\n      `;\n    },\n\n    normal(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeMedium};\n        line-height: ${t.spinnerLineHeightMedium};\n        margin-top: ${t.spinnerCaptionGapMedium};\n      `;\n    },\n\n    medium(t: Theme) {\n      return emotion.css`\n        margin: ${t.spinnerCaptionMarginMedium};\n        font-size: ${t.spinnerFontSizeMedium};\n        line-height: ${t.spinnerLineHeightMedium};\n      `;\n    },\n\n    big(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeLarge};\n        line-height: ${t.spinnerLineHeightLarge};\n        margin-top: ${t.spinnerCaptionGapLarge};\n      `;\n    },\n\n    large(t: Theme) {\n      return emotion.css`\n        font-size: ${t.spinnerFontSizeLarge};\n        line-height: ${t.spinnerLineHeightLarge};\n        margin: ${t.spinnerCaptionMarginLarge};\n      `;\n    },\n\n    spinner() {\n      return emotion.css`\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      `;\n    },\n\n    inner() {\n      return emotion.css`\n        display: inline-block;\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","circle","t","_templateObject","_taggedTemplateLiteralLoose","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","_templateObject2","spinnerDimmedColor","circleWithoutColorAnimation","_templateObject3","captionColor","_templateObject4","spinnerCaptionColor","inline","_templateObject5","mini","_templateObject6","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","_templateObject7","spinnerCaptionMarginSmall","normal","_templateObject8","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","_templateObject9","spinnerCaptionMarginMedium","big","_templateObject10","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","_templateObject11","spinnerCaptionMarginLarge","spinner","_templateObject12","inner","_templateObject13"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n        `}\n    `;\n  },\n\n  captionColor(t: Theme) {\n    return css`\n      color: ${t.spinnerCaptionColor};\n    `;\n  },\n\n  inline() {\n    return css`\n      font-size: inherit;\n      line-height: inherit;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerCaptionGapSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n      margin-top: ${t.spinnerCaptionGapMedium};\n    `;\n  },\n\n  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin-top: ${t.spinnerCaptionGapLarge};\n    `;\n  },\n\n  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -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;

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-useless-constructor */
-
+import { globalObject } from '@skbkontur/global-object';
 import { ColorFactory } from "../../../lib/styles/ColorFactory";
-export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRunner(animations, FPS, globalObject) {
+export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRunner(animations, FPS) {
   var _this = this;
   this.interval = null;
   this.start = function () {
@@ -12,7 +12,7 @@ export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRun
       _this.animations.forEach(function (animation) {
         return animation.step();
       });
-    }, _this.FPS, _this.globalObject);
+    }, _this.FPS);
   };
   this.stop = function () {
     if (_this.interval) {
@@ -24,10 +24,9 @@ export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRun
   };
   this.animations = animations;
   this.FPS = FPS;
-  this.globalObject = globalObject;
   this.start();
 };
-var rafInterval = function rafInterval(fn, delay, globalObject) {
+var rafInterval = function rafInterval(fn, delay) {
   var lastcall = 0;
   var cleared = false;
   var rafId = 0;

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["ColorFactory","SpinnerFallbackAnimationRunner","animations","FPS","globalObject","_this","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","_this2","startTime","isFinished","progress","reset","createOffsetAnimation","from","to","setStyleProperty","units","current","createLengthAnimation","reverse","p","createColorAnimation","colors","rgbColors","map","color","create","rgb","currentIndex","nextIndex","Math","round","length","createRotationAnimation"],"sources":["SpinnerFallbackAnimation.ts"],"sourcesContent":["/* eslint-disable no-useless-constructor */\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { ColorFactory } from '../../lib/styles/ColorFactory';\n\nexport class SpinnerFallbackAnimationRunner {\n  private interval: ReturnType<typeof rafInterval> | null = null;\n\n  constructor(\n    private animations: Animation[],\n    private FPS: number,\n    private globalObject: GlobalObject,\n  ) {\n    this.start();\n  }\n\n  public start = () => {\n    this.animations.forEach((animation) => animation.start());\n    this.interval = rafInterval(\n      () => {\n        this.animations.forEach((animation) => animation.step());\n      },\n      this.FPS,\n      this.globalObject,\n    );\n  };\n\n  public stop = () => {\n    if (this.interval) {\n      this.interval.clear();\n      this.animations.forEach((animation) => animation.finish());\n    }\n  };\n}\n\nconst rafInterval = (fn: () => void, delay: number, globalObject: GlobalObject) => {\n  let lastcall = 0;\n  let cleared = false;\n  let rafId = 0;\n\n  const interval = () => {\n    if (cleared) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!lastcall) {\n      lastcall = timestamp;\n    }\n    if (timestamp - lastcall > delay) {\n      fn();\n      lastcall = timestamp;\n    }\n    if (globalObject.requestAnimationFrame) {\n      rafId = globalObject.requestAnimationFrame(interval);\n    }\n  };\n  interval();\n\n  return {\n    clear: () => {\n      cleared = true;\n      globalObject.cancelAnimationFrame?.(rafId);\n    },\n  };\n};\n\nclass Animation {\n  private startTime = 0;\n  private isFinished = false;\n\n  constructor(\n    private duration: number,\n    private onProgress: (progress: number) => void,\n    private onFinish?: (animation: Animation) => void,\n  ) {}\n\n  public step = () => {\n    if (this.isFinished) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!this.startTime) {\n      this.startTime = timestamp;\n    }\n    const progress = (timestamp - this.startTime) / this.duration;\n\n    this.onProgress(progress);\n\n    if (progress >= 1) {\n      this.finish();\n    }\n  };\n\n  public reset = () => {\n    this.startTime = 0;\n    this.isFinished = false;\n  };\n\n  public finish = () => {\n    this.isFinished = true;\n    this.onFinish && this.onFinish(this);\n  };\n\n  public start = () => {\n    if (!this.isFinished) {\n      this.step();\n    }\n  };\n}\n\nexport const createOffsetAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = from + (to - from) * progress;\n      setStyleProperty('stroke-dashoffset', `${current}${units}`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n\nexport const createLengthAnimation = (\n  from: number[],\n  to: number[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  let reverse = false;\n  return new Animation(\n    duration,\n    (progress) => {\n      const p = reverse ? 1 - progress : progress;\n      const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\n      setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\n    },\n    (animation) => {\n      reverse = !reverse;\n      animation.reset();\n    },\n  );\n};\n\nexport const createColorAnimation = (\n  colors: string[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n) => {\n  const rgbColors = colors.map((color) => ColorFactory.create(color).rgb);\n  let currentIndex = 0;\n  let nextIndex = 1;\n\n  return new Animation(\n    duration,\n    (progress) => {\n      const from = rgbColors[currentIndex];\n      const to = rgbColors[nextIndex];\n      if (from && to) {\n        const current = [\n          Math.round(from[0] + (to[0] - from[0]) * progress),\n          Math.round(from[1] + (to[1] - from[1]) * progress),\n          Math.round(from[2] + (to[2] - from[2]) * progress),\n        ];\n        setStyleProperty('stroke', `rgb(${current})`);\n      }\n    },\n    (animation) => {\n      animation.reset();\n      currentIndex = nextIndex;\n      nextIndex = (nextIndex + 1) % colors.length;\n    },\n  );\n};\n\nexport const createRotationAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = 'deg',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = Math.round(from + (to - from) * progress);\n      setStyleProperty('transform', `rotate(${current}${units})`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n"],"mappings":"AAAA;;AAEA,SAASA,YAAY,QAAQ,+BAA+B;;AAE5D,WAAaC,8BAA8B;;;AAGzC,SAAAA;AACUC,UAAuB;AACvBC,GAAW;AACXC,YAA0B;AAClC,KAAAC,KAAA,aANMC,QAAQ,GAA0C,IAAI;;;;EAUvDC,KAAK,GAAG,YAAM;IACnBF,KAAI,CAACH,UAAU,CAACM,OAAO,CAAC,UAACC,SAAS,UAAKA,SAAS,CAACF,KAAK,CAAC,CAAC,GAAC;IACzDF,KAAI,CAACC,QAAQ,GAAGI,WAAW;MACzB,YAAM;QACJL,KAAI,CAACH,UAAU,CAACM,OAAO,CAAC,UAACC,SAAS,UAAKA,SAAS,CAACE,IAAI,CAAC,CAAC,GAAC;MAC1D,CAAC;MACDN,KAAI,CAACF,GAAG;MACRE,KAAI,CAACD;IACP,CAAC;EACH,CAAC;;EAEMQ,IAAI,GAAG,YAAM;IAClB,IAAIP,KAAI,CAACC,QAAQ,EAAE;MACjBD,KAAI,CAACC,QAAQ,CAACO,KAAK,CAAC,CAAC;MACrBR,KAAI,CAACH,UAAU,CAACM,OAAO,CAAC,UAACC,SAAS,UAAKA,SAAS,CAACK,MAAM,CAAC,CAAC,GAAC;IAC5D;EACF,CAAC,MAvBSZ,UAAuB,GAAvBA,UAAuB,MACvBC,GAAW,GAAXA,GAAW,MACXC,YAA0B,GAA1BA,YAA0B,CAElC,IAAI,CAACG,KAAK,CAAC,CAAC,CACd,CAAC;;;AAqBH,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIK,EAAc,EAAEC,KAAa,EAAEZ,YAA0B,EAAK;EACjF,IAAIa,QAAQ,GAAG,CAAC;EAChB,IAAIC,OAAO,GAAG,KAAK;EACnB,IAAIC,KAAK,GAAG,CAAC;;EAEb,IAAMb,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;IACrB,IAAIY,OAAO,EAAE;MACX;IACF;;IAEA,IAAME,SAAS,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;IACtC,IAAI,CAACL,QAAQ,EAAE;MACbA,QAAQ,GAAGG,SAAS;IACtB;IACA,IAAIA,SAAS,GAAGH,QAAQ,GAAGD,KAAK,EAAE;MAChCD,EAAE,CAAC,CAAC;MACJE,QAAQ,GAAGG,SAAS;IACtB;IACA,IAAIhB,YAAY,CAACmB,qBAAqB,EAAE;MACtCJ,KAAK,GAAGf,YAAY,CAACmB,qBAAqB,CAACjB,QAAQ,CAAC;IACtD;EACF,CAAC;EACDA,QAAQ,CAAC,CAAC;;EAEV,OAAO;IACLO,KAAK,EAAE,SAAAA,MAAA,EAAM;MACXK,OAAO,GAAG,IAAI;MACdd,YAAY,CAACoB,oBAAoB,YAAjCpB,YAAY,CAACoB,oBAAoB,CAAGL,KAAK,CAAC;IAC5C;EACF,CAAC;AACH,CAAC,CAAC;;AAEIM,SAAS;;;;AAIb,SAAAA;AACUC,QAAgB;AAChBC,UAAsC;AACtCC,QAAyC;AACjD,KAAAC,MAAA,aAPMC,SAAS,GAAG,CAAC,MACbC,UAAU,GAAG,KAAK;;EAQnBpB,IAAI,GAAG,YAAM;IAClB,IAAIkB,MAAI,CAACE,UAAU,EAAE;MACnB;IACF;;IAEA,IAAMX,SAAS,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;IACtC,IAAI,CAACO,MAAI,CAACC,SAAS,EAAE;MACnBD,MAAI,CAACC,SAAS,GAAGV,SAAS;IAC5B;IACA,IAAMY,QAAQ,GAAG,CAACZ,SAAS,GAAGS,MAAI,CAACC,SAAS,IAAID,MAAI,CAACH,QAAQ;;IAE7DG,MAAI,CAACF,UAAU,CAACK,QAAQ,CAAC;;IAEzB,IAAIA,QAAQ,IAAI,CAAC,EAAE;MACjBH,MAAI,CAACf,MAAM,CAAC,CAAC;IACf;EACF,CAAC;;EAEMmB,KAAK,GAAG,YAAM;IACnBJ,MAAI,CAACC,SAAS,GAAG,CAAC;IAClBD,MAAI,CAACE,UAAU,GAAG,KAAK;EACzB,CAAC;;EAEMjB,MAAM,GAAG,YAAM;IACpBe,MAAI,CAACE,UAAU,GAAG,IAAI;IACtBF,MAAI,CAACD,QAAQ,IAAIC,MAAI,CAACD,QAAQ,CAACC,MAAI,CAAC;EACtC,CAAC;;EAEMtB,KAAK,GAAG,YAAM;IACnB,IAAI,CAACsB,MAAI,CAACE,UAAU,EAAE;MACpBF,MAAI,CAAClB,IAAI,CAAC,CAAC;IACb;EACF,CAAC,MArCSe,QAAgB,GAAhBA,QAAgB,MAChBC,UAAsC,GAAtCA,UAAsC,MACtCC,QAAyC,GAAzCA,QAAyC,CAChD,CAAC;;;AAqCN,OAAO,IAAMM,qBAAqB,GAAG,SAAxBA,qBAAqBA;AAChCC,IAAY;AACZC,EAAU;AACVV,QAAgB;AAChBW,gBAAoD;AACpDC,KAAK;AACF,KADHA,KAAK,cAALA,KAAK,GAAG,EAAE;EAEV,OAAO,IAAIb,SAAS;IAClBC,QAAQ;IACR,UAACM,QAAQ,EAAK;MACZ,IAAMO,OAAO,GAAGJ,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAI,IAAIH,QAAQ;MAC7CK,gBAAgB,CAAC,mBAAmB,OAAKE,OAAO,GAAGD,KAAO,CAAC;IAC7D,CAAC;IACD,UAAC7B,SAAS,EAAK;MACbA,SAAS,CAACwB,KAAK,CAAC,CAAC;IACnB;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAqBA;AAChCL,IAAc;AACdC,EAAY;AACZV,QAAgB;AAChBW,gBAAoD;AACpDC,KAAK;AACF,KADHA,KAAK,cAALA,KAAK,GAAG,EAAE;EAEV,IAAIG,OAAO,GAAG,KAAK;EACnB,OAAO,IAAIhB,SAAS;IAClBC,QAAQ;IACR,UAACM,QAAQ,EAAK;MACZ,IAAMU,CAAC,GAAGD,OAAO,GAAG,CAAC,GAAGT,QAAQ,GAAGA,QAAQ;MAC3C,IAAMO,OAAO,GAAG,CAACJ,IAAI,CAAC,CAAC,CAAC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC,GAAGD,IAAI,CAAC,CAAC,CAAC,IAAIO,CAAC,EAAEP,IAAI,CAAC,CAAC,CAAC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC,GAAGD,IAAI,CAAC,CAAC,CAAC,IAAIO,CAAC,CAAC;MAClFL,gBAAgB,CAAC,kBAAkB,OAAKE,OAAO,CAAC,CAAC,CAAC,GAAGD,KAAK,SAAIC,OAAO,CAAC,CAAC,CAAC,GAAGD,KAAO,CAAC;IACrF,CAAC;IACD,UAAC7B,SAAS,EAAK;MACbgC,OAAO,GAAG,CAACA,OAAO;MAClBhC,SAAS,CAACwB,KAAK,CAAC,CAAC;IACnB;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAoBA;AAC/BC,MAAgB;AAChBlB,QAAgB;AAChBW,gBAAoD;AACjD;EACH,IAAMQ,SAAS,GAAGD,MAAM,CAACE,GAAG,CAAC,UAACC,KAAK,UAAK/C,YAAY,CAACgD,MAAM,CAACD,KAAK,CAAC,CAACE,GAAG,GAAC;EACvE,IAAIC,YAAY,GAAG,CAAC;EACpB,IAAIC,SAAS,GAAG,CAAC;;EAEjB,OAAO,IAAI1B,SAAS;IAClBC,QAAQ;IACR,UAACM,QAAQ,EAAK;MACZ,IAAMG,IAAI,GAAGU,SAAS,CAACK,YAAY,CAAC;MACpC,IAAMd,EAAE,GAAGS,SAAS,CAACM,SAAS,CAAC;MAC/B,IAAIhB,IAAI,IAAIC,EAAE,EAAE;QACd,IAAMG,OAAO,GAAG;QACda,IAAI,CAACC,KAAK,CAAClB,IAAI,CAAC,CAAC,CAAC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC,GAAGD,IAAI,CAAC,CAAC,CAAC,IAAIH,QAAQ,CAAC;QAClDoB,IAAI,CAACC,KAAK,CAAClB,IAAI,CAAC,CAAC,CAAC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC,GAAGD,IAAI,CAAC,CAAC,CAAC,IAAIH,QAAQ,CAAC;QAClDoB,IAAI,CAACC,KAAK,CAAClB,IAAI,CAAC,CAAC,CAAC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC,GAAGD,IAAI,CAAC,CAAC,CAAC,IAAIH,QAAQ,CAAC,CACnD;;QACDK,gBAAgB,CAAC,QAAQ,WAASE,OAAO,MAAG,CAAC;MAC/C;IACF,CAAC;IACD,UAAC9B,SAAS,EAAK;MACbA,SAAS,CAACwB,KAAK,CAAC,CAAC;MACjBiB,YAAY,GAAGC,SAAS;MACxBA,SAAS,GAAG,CAACA,SAAS,GAAG,CAAC,IAAIP,MAAM,CAACU,MAAM;IAC7C;EACF,CAAC;AACH,CAAC;;AAED,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA;AAClCpB,IAAY;AACZC,EAAU;AACVV,QAAgB;AAChBW,gBAAoD;AACpDC,KAAK;AACF,KADHA,KAAK,cAALA,KAAK,GAAG,KAAK;EAEb,OAAO,IAAIb,SAAS;IAClBC,QAAQ;IACR,UAACM,QAAQ,EAAK;MACZ,IAAMO,OAAO,GAAGa,IAAI,CAACC,KAAK,CAAClB,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAI,IAAIH,QAAQ,CAAC;MACzDK,gBAAgB,CAAC,WAAW,cAAYE,OAAO,GAAGD,KAAK,MAAG,CAAC;IAC7D,CAAC;IACD,UAAC7B,SAAS,EAAK;MACbA,SAAS,CAACwB,KAAK,CAAC,CAAC;IACnB;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["globalObject","ColorFactory","SpinnerFallbackAnimationRunner","animations","FPS","_this","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","_this2","startTime","isFinished","progress","reset","createOffsetAnimation","from","to","setStyleProperty","units","current","createLengthAnimation","reverse","p","createColorAnimation","colors","rgbColors","map","color","create","rgb","currentIndex","nextIndex","Math","round","length","createRotationAnimation"],"sources":["SpinnerFallbackAnimation.ts"],"sourcesContent":["/* eslint-disable no-useless-constructor */\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ColorFactory } from '../../lib/styles/ColorFactory';\n\nexport class SpinnerFallbackAnimationRunner {\n  private interval: ReturnType<typeof rafInterval> | null = null;\n\n  constructor(\n    private animations: Animation[],\n    private FPS: number,\n  ) {\n    this.start();\n  }\n\n  public start = () => {\n    this.animations.forEach((animation) => animation.start());\n    this.interval = rafInterval(() => {\n      this.animations.forEach((animation) => animation.step());\n    }, this.FPS);\n  };\n\n  public stop = () => {\n    if (this.interval) {\n      this.interval.clear();\n      this.animations.forEach((animation) => animation.finish());\n    }\n  };\n}\n\nconst rafInterval = (fn: () => void, delay: number) => {\n  let lastcall = 0;\n  let cleared = false;\n  let rafId = 0;\n\n  const interval = () => {\n    if (cleared) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!lastcall) {\n      lastcall = timestamp;\n    }\n    if (timestamp - lastcall > delay) {\n      fn();\n      lastcall = timestamp;\n    }\n    if (globalObject.requestAnimationFrame) {\n      rafId = globalObject.requestAnimationFrame(interval);\n    }\n  };\n  interval();\n\n  return {\n    clear: () => {\n      cleared = true;\n      globalObject.cancelAnimationFrame?.(rafId);\n    },\n  };\n};\n\nclass Animation {\n  private startTime = 0;\n  private isFinished = false;\n\n  constructor(\n    private duration: number,\n    private onProgress: (progress: number) => void,\n    private onFinish?: (animation: Animation) => void,\n  ) {}\n\n  public step = () => {\n    if (this.isFinished) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!this.startTime) {\n      this.startTime = timestamp;\n    }\n    const progress = (timestamp - this.startTime) / this.duration;\n\n    this.onProgress(progress);\n\n    if (progress >= 1) {\n      this.finish();\n    }\n  };\n\n  public reset = () => {\n    this.startTime = 0;\n    this.isFinished = false;\n  };\n\n  public finish = () => {\n    this.isFinished = true;\n    this.onFinish && this.onFinish(this);\n  };\n\n  public start = () => {\n    if (!this.isFinished) {\n      this.step();\n    }\n  };\n}\n\nexport const createOffsetAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = from + (to - from) * progress;\n      setStyleProperty('stroke-dashoffset', `${current}${units}`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n\nexport const createLengthAnimation = (\n  from: number[],\n  to: number[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  let reverse = false;\n  return new Animation(\n    duration,\n    (progress) => {\n      const p = reverse ? 1 - progress : progress;\n      const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\n      setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\n    },\n    (animation) => {\n      reverse = !reverse;\n      animation.reset();\n    },\n  );\n};\n\nexport const createColorAnimation = (\n  colors: string[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n) => {\n  const rgbColors = colors.map((color) => ColorFactory.create(color).rgb);\n  let currentIndex = 0;\n  let nextIndex = 1;\n\n  return new Animation(\n    duration,\n    (progress) => {\n      const from = rgbColors[currentIndex];\n      const to = rgbColors[nextIndex];\n      if (from && to) {\n        const current = [\n          Math.round(from[0] + (to[0] - from[0]) * progress),\n          Math.round(from[1] + (to[1] - from[1]) * progress),\n          Math.round(from[2] + (to[2] - from[2]) * progress),\n        ];\n        setStyleProperty('stroke', `rgb(${current})`);\n      }\n    },\n    (animation) => {\n      animation.reset();\n      currentIndex = nextIndex;\n      nextIndex = (nextIndex + 1) % colors.length;\n    },\n  );\n};\n\nexport const createRotationAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = 'deg',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = Math.round(from + (to - from) * progress);\n      setStyleProperty('transform', `rotate(${current}${units})`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Spinner/SpinnerFallbackAnimation.d.ts

@@ -1,10 +1,8 @@
-import type { GlobalObject } from '../../lib/globalObject';
 export declare class SpinnerFallbackAnimationRunner {
     private animations;
     private FPS;
-    private globalObject;
     private interval;
-    constructor(animations: Animation[], FPS: number, globalObject: GlobalObject);
+    constructor(animations: Animation[], FPS: number);
     start: () => void;
     stop: () => void;
 }

package/components/Sticky/Sticky/Sticky.js

@@ -3,16 +3,17 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Sticky;
 import React from 'react';
 import shallowEqual from 'shallowequal';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { isFunction } from "../../../lib/utils";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { getStyles } from "../Sticky.styles";
+import { styles } from "../Sticky.styles";
 var MAX_REFLOW_RETRIES = 5;
 export var StickyDataTids = {
   root: 'Sticky__root'
@@ -53,11 +54,11 @@ export var Sticky = rootNode(_class = (_Sticky = /*#__PURE__*/function (_React$C
      * @public
      */
     _this.reflow = function () {
-      var _this$globalObject$do;
-      if (!((_this$globalObject$do = _this.globalObject.document) != null && _this$globalObject$do.documentElement)) {
+      var _globalObject$documen;
+      if (!((_globalObject$documen = globalObject.document) != null && _globalObject$documen.documentElement)) {
         throw Error('There is no "documentElement" in document');
       }
-      var windowHeight = _this.globalObject.innerHeight || _this.globalObject.document.documentElement.clientHeight;
+      var windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;
       if (!_this.wrapper || !_this.inner) {
         return;
       }
@@ -119,7 +120,7 @@ export var Sticky = rootNode(_class = (_Sticky = /*#__PURE__*/function (_React$C
   var _proto = Sticky.prototype;
   _proto.componentDidMount = function componentDidMount() {
     this.reflow();
-    this.layoutSubscription = LayoutEvents.addListener(this.reflow, this.globalObject);
+    this.layoutSubscription = LayoutEvents.addListener(this.reflow);
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
     if (this.layoutSubscription.remove) {
@@ -140,18 +141,11 @@ export var Sticky = rootNode(_class = (_Sticky = /*#__PURE__*/function (_React$C
     var _this2 = this;
     return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
       _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var globalObject = _ref.globalObject,
-          emotion = _ref.emotion;
-        _this2.globalObject = globalObject;
-        _this2.cx = emotion.cx;
-        _this2.styles = getStyles(emotion);
-        return _this2.renderMain();
-      });
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
-    var _this$cx;
+    var _cx;
     var children = this.props.children;
     var side = this.props.side;
     var offset = this.getProps().offset;
@@ -182,15 +176,15 @@ export var Sticky = rootNode(_class = (_Sticky = /*#__PURE__*/function (_React$C
     }, this.props), /*#__PURE__*/React.createElement("div", {
       "data-tid": StickyDataTids.root,
       ref: this.refWrapper,
-      className: this.styles.wrapper()
+      className: styles.wrapper()
     }, /*#__PURE__*/React.createElement(ZIndex, {
       priority: "Sticky",
       applyZIndex: fixed,
-      className: this.cx(this.styles.inner(), (_this$cx = {}, _this$cx[this.styles.fixed()] = fixed && !stopped, _this$cx[this.styles.stopped()] = stopped, _this$cx)),
+      className: cx(styles.inner(), (_cx = {}, _cx[styles.fixed()] = fixed && !stopped, _cx[styles.stopped()] = stopped, _cx)),
       style: innerStyle,
       wrapperRef: this.refInner
     }, /*#__PURE__*/React.createElement("div", {
-      className: this.styles.container()
+      className: styles.container()
     }, children)), fixed && !stopped ? /*#__PURE__*/React.createElement("div", {
       style: {
         width: width,

package/components/Sticky/Sticky/Sticky.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","shallowEqual","RenderEnvironmentContext","LayoutEvents","isFunction","ZIndex","CommonWrapper","rootNode","getDOMRect","createPropsGetter","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","getStyles","MAX_REFLOW_RETRIES","StickyDataTids","root","Sticky","_class","_Sticky","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_this$globalObject$do","globalObject","document","documentElement","Error","windowHeight","innerHeight","clientHeight","_getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","ceil","floor","setState","stop","stopRect","outerHeight","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","featureFlags","stickyReduceLayoutEvents","emit","render","_this2","createElement","Consumer","flags","_ref","emotion","cx","styles","renderMain","_this$cx","children","_this$state2","innerStyle","_extends","rootNodeRef","setRootNode","className","priority","applyZIndex","style","wrapperRef","container","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { getStyles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  /** Задает сторону залипания. */\n  side: 'top' | 'bottom';\n\n  /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.\n   * @default 0 */\n  offset?: number;\n\n  /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */\n  getStop?: () => Nullable<HTMLElement>;\n\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n/**\n * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.\n * Это полезно для создания \"прилипающих\" элементов, которые остаются видимыми при прокрутке содержимого.\n */\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  public featureFlags!: ReactUIFeatureFlags;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow, this.globalObject);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        this.featureFlags.stickyReduceLayoutEvents ? this.reflow() : LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <RenderEnvironmentContext.Consumer>\n              {({ globalObject, emotion }) => {\n                this.globalObject = globalObject;\n                this.cx = emotion.cx;\n                this.styles = getStyles(emotion);\n\n                return this.renderMain();\n              }}\n            </RenderEnvironmentContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={this.styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={this.cx(this.styles.inner(), {\n              [this.styles.fixed()]: fixed && !stopped,\n              [this.styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={this.styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = () => {\n    if (!this.globalObject.document?.documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = this.globalObject.innerHeight || this.globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? Math.ceil(top) < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","shallowEqual","globalObject","LayoutEvents","isFunction","ZIndex","CommonWrapper","cx","rootNode","getDOMRect","createPropsGetter","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","MAX_REFLOW_RETRIES","StickyDataTids","root","Sticky","_class","_Sticky","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_globalObject$documen","document","documentElement","Error","windowHeight","innerHeight","clientHeight","_getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","ceil","floor","setState","stop","stopRect","outerHeight","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","featureFlags","stickyReduceLayoutEvents","emit","render","_this2","createElement","Consumer","flags","renderMain","_cx","children","_this$state2","innerStyle","_extends","rootNodeRef","setRootNode","className","priority","applyZIndex","style","wrapperRef","container","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\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 { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  /** Задает сторону залипания. */\n  side: 'top' | 'bottom';\n\n  /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.\n   * @default 0 */\n  offset?: number;\n\n  /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */\n  getStop?: () => Nullable<HTMLElement>;\n\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n/**\n * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.\n * Это полезно для создания \"прилипающих\" элементов, которые остаются видимыми при прокрутке содержимого.\n */\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  public featureFlags!: ReactUIFeatureFlags;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        this.featureFlags.stickyReduceLayoutEvents ? this.reflow() : LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return this.renderMain();\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={cx(styles.inner(), {\n              [styles.fixed()]: fixed && !stopped,\n              [styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = () => {\n    if (!globalObject.document?.documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? Math.ceil(top) < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}