@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-9a162.0

package/cjs/components/Spinner/Spinner.styles.js

@@ -1,112 +1,112 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Emotion = require("../../lib/theming/Emotion");
+var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");
+var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 
-var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  circle: function circle(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
+    t.spinnerColor,
 
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {
-  var AnimationKeyframes = (0, _AnimationKeyframes.getAnimationKeyframes)(emotion);
-  return {
-    circle: function circle(t) {
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        stroke: ", ";\n\n      animation:\n        ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite,\n        ", " 6s ease-in-out infinite;\n    "])),
-      t.spinnerColor,
+    !_client.isIE11 && "\n          animation: " +
 
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
 
-      AnimationKeyframes.spinnerCircleOffset(),
-      AnimationKeyframes.spinnerCircleLength(),
-      AnimationKeyframes.spinnerCircleRotate(),
-      AnimationKeyframes.spinnerColor(t));
 
-    },
-    circleDimmedColor: function circleDimmedColor(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        stroke: ", ";\n      "])),
-      t.spinnerDimmedColor);
+  },
+  circleDimmedColor: function circleDimmedColor(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n    "])),
+    t.spinnerDimmedColor);
 
-    },
-    circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        animation:\n          ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ", " 2s linear infinite;\n      "])),
+  },
+  circleWithoutColorAnimation: function circleWithoutColorAnimation() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    !_client.isIE11 && "\n          animation: " +
 
-      AnimationKeyframes.spinnerCircleOffset(),
-      AnimationKeyframes.spinnerCircleLength(),
-      AnimationKeyframes.spinnerCircleRotate());
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
 
-    },
 
-    captionColor: function captionColor(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-      t.spinnerCaptionColor);
+  },
 
-    },
+  captionColor: function captionColor(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.spinnerCaptionColor);
 
-    inline: function inline() {
-      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: inherit;\n        line-height: inherit;\n      "])));
+  },
 
+  inline: function inline() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
 
 
-    },
 
-    mini: function mini(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-      t.spinnerCaptionGapSmall,
-      t.spinnerFontSizeSmall,
-      t.spinnerLineHeightSmall);
+  },
 
-    },
+  mini: function mini(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-      t.spinnerCaptionMarginSmall,
-      t.spinnerFontSizeSmall,
-      t.spinnerLineHeightSmall);
+  },
 
-    },
+  small: function small(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.spinnerCaptionMarginSmall,
+    t.spinnerFontSizeSmall,
+    t.spinnerLineHeightSmall);
 
-    normal: function normal(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])),
+  },
 
-      t.spinnerFontSizeMedium,
-      t.spinnerLineHeightMedium,
-      t.spinnerCaptionGapMedium);
+  normal: function normal(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-      t.spinnerCaptionMarginMedium,
-      t.spinnerFontSizeMedium,
-      t.spinnerLineHeightMedium);
+  },
 
-    },
+  medium: function medium(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.spinnerCaptionMarginMedium,
+    t.spinnerFontSizeMedium,
+    t.spinnerLineHeightMedium);
 
-    big: function big(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])),
+  },
 
-      t.spinnerFontSizeLarge,
-      t.spinnerLineHeightLarge,
-      t.spinnerCaptionGapLarge);
+  big: function big(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        margin: ", ";\n      "])),
-      t.spinnerFontSizeLarge,
-      t.spinnerLineHeightLarge,
-      t.spinnerCaptionMarginLarge);
+  },
 
-    },
+  large: function large(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])),
+    t.spinnerFontSizeLarge,
+    t.spinnerLineHeightLarge,
+    t.spinnerCaptionMarginLarge);
 
-    spinner: function spinner() {
-      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      "])));
+  },
 
+  spinner: function spinner() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
 
 
 
-    },
 
-    inner: function inner() {
-      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n      "])));
+  },
 
+  inner: function inner() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
-    }
-  };
+
+  }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","getStyles","exports","memoizeGetStyles","emotion","AnimationKeyframes","getAnimationKeyframes","circle","t","css","_taggedTemplateLiteralLoose2","default","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","spinnerCaptionMarginSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","spinnerCaptionMarginMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","spinnerCaptionMarginLarge","spinner","inner"],"sources":["Spinner.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  const AnimationKeyframes = getAnimationKeyframes(emotion);\n  return {\n    circle(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerColor};\n\n      animation:\n        ${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    circleDimmedColor(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerDimmedColor};\n      `;\n    },\n    circleWithoutColorAnimation() {\n      return emotion.css`\n        animation:\n          ${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    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});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_client","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","circle","t","css","_taggedTemplateLiteralLoose2","default","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","spinnerCaptionMarginSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","spinnerCaptionMarginMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","spinnerCaptionMarginLarge","spinner","inner"],"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/cjs/components/Spinner/SpinnerFallbackAnimation.d.ts

@@ -0,0 +1,25 @@
+export declare class SpinnerFallbackAnimationRunner {
+    private animations;
+    private FPS;
+    private interval;
+    constructor(animations: Animation[], FPS: number);
+    start: () => void;
+    stop: () => void;
+}
+declare class Animation {
+    private duration;
+    private onProgress;
+    private onFinish?;
+    private startTime;
+    private isFinished;
+    constructor(duration: number, onProgress: (progress: number) => void, onFinish?: ((animation: Animation) => void) | undefined);
+    step: () => void;
+    reset: () => void;
+    finish: () => void;
+    start: () => void;
+}
+export declare const createOffsetAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export declare const createLengthAnimation: (from: number[], to: number[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export declare const createColorAnimation: (colors: string[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty']) => Animation;
+export declare const createRotationAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export {};

package/cjs/components/Spinner/SpinnerFallbackAnimation.js

@@ -0,0 +1,197 @@
+"use strict";exports.__esModule = true;exports.createRotationAnimation = exports.createOffsetAnimation = exports.createLengthAnimation = exports.createColorAnimation = exports.SpinnerFallbackAnimationRunner = void 0;
+var _globalObject = require("@skbkontur/global-object");
+
+var _ColorFactory = require("../../lib/styles/ColorFactory"); /* eslint-disable no-useless-constructor */var
+
+SpinnerFallbackAnimationRunner = exports.SpinnerFallbackAnimationRunner =
+
+
+function SpinnerFallbackAnimationRunner(
+animations,
+FPS)
+{var _this = this;this.interval = null;this.
+
+
+
+  start = function () {
+    _this.animations.forEach(function (animation) {return animation.start();});
+    _this.interval = rafInterval(function () {
+      _this.animations.forEach(function (animation) {return animation.step();});
+    }, _this.FPS);
+  };this.
+
+  stop = function () {
+    if (_this.interval) {
+      _this.interval.clear();
+      _this.animations.forEach(function (animation) {return animation.finish();});
+    }
+  };this.animations = animations;this.FPS = FPS;this.start();};
+
+
+var rafInterval = function rafInterval(fn, delay) {
+  var lastcall = 0;
+  var cleared = false;
+  var rafId = 0;
+
+  var interval = function interval() {
+    if (cleared) {
+      return;
+    }
+
+    var timestamp = new Date().getTime();
+    if (!lastcall) {
+      lastcall = timestamp;
+    }
+    if (timestamp - lastcall > delay) {
+      fn();
+      lastcall = timestamp;
+    }
+    if (_globalObject.globalObject.requestAnimationFrame) {
+      rafId = _globalObject.globalObject.requestAnimationFrame(interval);
+    }
+  };
+  interval();
+
+  return {
+    clear: function clear() {
+      cleared = true;
+      _globalObject.globalObject.cancelAnimationFrame == null || _globalObject.globalObject.cancelAnimationFrame(rafId);
+    }
+  };
+};var
+
+Animation =
+
+
+
+function Animation(
+duration,
+onProgress,
+onFinish)
+{var _this2 = this;this.startTime = 0;this.isFinished = false;this.
+
+  step = function () {
+    if (_this2.isFinished) {
+      return;
+    }
+
+    var timestamp = new Date().getTime();
+    if (!_this2.startTime) {
+      _this2.startTime = timestamp;
+    }
+    var progress = (timestamp - _this2.startTime) / _this2.duration;
+
+    _this2.onProgress(progress);
+
+    if (progress >= 1) {
+      _this2.finish();
+    }
+  };this.
+
+  reset = function () {
+    _this2.startTime = 0;
+    _this2.isFinished = false;
+  };this.
+
+  finish = function () {
+    _this2.isFinished = true;
+    _this2.onFinish && _this2.onFinish(_this2);
+  };this.
+
+  start = function () {
+    if (!_this2.isFinished) {
+      _this2.step();
+    }
+  };this.duration = duration;this.onProgress = onProgress;this.onFinish = onFinish;};
+
+
+var createOffsetAnimation = exports.createOffsetAnimation = function createOffsetAnimation(
+from,
+to,
+duration,
+setStyleProperty,
+units)
+{if (units === void 0) {units = '';}
+  return new Animation(
+    duration,
+    function (progress) {
+      var current = from + (to - from) * progress;
+      setStyleProperty('stroke-dashoffset', "" + current + units);
+    },
+    function (animation) {
+      animation.reset();
+    }
+  );
+};
+
+var createLengthAnimation = exports.createLengthAnimation = function createLengthAnimation(
+from,
+to,
+duration,
+setStyleProperty,
+units)
+{if (units === void 0) {units = '';}
+  var reverse = false;
+  return new Animation(
+    duration,
+    function (progress) {
+      var p = reverse ? 1 - progress : progress;
+      var current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];
+      setStyleProperty('stroke-dasharray', "" + current[0] + units + " " + current[1] + units);
+    },
+    function (animation) {
+      reverse = !reverse;
+      animation.reset();
+    }
+  );
+};
+
+var createColorAnimation = exports.createColorAnimation = function createColorAnimation(
+colors,
+duration,
+setStyleProperty)
+{
+  var rgbColors = colors.map(function (color) {return _ColorFactory.ColorFactory.create(color).rgb;});
+  var currentIndex = 0;
+  var nextIndex = 1;
+
+  return new Animation(
+    duration,
+    function (progress) {
+      var from = rgbColors[currentIndex];
+      var to = rgbColors[nextIndex];
+      if (from && to) {
+        var current = [
+        Math.round(from[0] + (to[0] - from[0]) * progress),
+        Math.round(from[1] + (to[1] - from[1]) * progress),
+        Math.round(from[2] + (to[2] - from[2]) * progress)];
+
+        setStyleProperty('stroke', "rgb(" + current + ")");
+      }
+    },
+    function (animation) {
+      animation.reset();
+      currentIndex = nextIndex;
+      nextIndex = (nextIndex + 1) % colors.length;
+    }
+  );
+};
+
+var createRotationAnimation = exports.createRotationAnimation = function createRotationAnimation(
+from,
+to,
+duration,
+setStyleProperty,
+units)
+{if (units === void 0) {units = 'deg';}
+  return new Animation(
+    duration,
+    function (progress) {
+      var current = Math.round(from + (to - from) * progress);
+      setStyleProperty('transform', "rotate(" + current + units + ")");
+    },
+    function (animation) {
+      animation.reset();
+    }
+  );
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_globalObject","require","_ColorFactory","SpinnerFallbackAnimationRunner","exports","animations","FPS","_this","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","globalObject","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","ColorFactory","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/cjs/components/Sticky/Sticky.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export interface StickyProps extends Omit<CommonProps, 'children'> {
     /** Задает сторону залипания. */
     side: 'top' | 'bottom';
@@ -36,16 +37,13 @@ export declare class Sticky extends React.Component<StickyProps, StickyState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: StickyState;
-    private globalObject;
-    private emotion;
-    private cx;
-    private styles;
     private wrapper;
     private inner;
     private layoutSubscription;
     private reflowCounter;
     getRootNode: TGetRootNode;
     private setRootNode;
+    featureFlags: ReactUIFeatureFlags;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;

package/cjs/components/Sticky/Sticky.js

@@ -1,8 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.StickyDataTids = exports.Sticky = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
+var _globalObject = require("@skbkontur/global-object");
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
@@ -10,11 +8,13 @@ var _utils = require("../../lib/utils");
 var _ZIndex = require("../../internal/ZIndex");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect3 = require("../../lib/dom/getDOMRect");
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _renderEnvironment = require("../../lib/renderEnvironment");
+
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
 
 var _Sticky2 = require("./Sticky.styles");var _class, _Sticky;
 
@@ -56,8 +56,7 @@ var StickyDataTids = exports.StickyDataTids = {
  * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
  */var
 
-
-Sticky = exports.Sticky = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE__*/function (_React$Component) {function Sticky() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Sticky = exports.Sticky = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE__*/function (_React$Component) {function Sticky() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -74,12 +73,13 @@ Sticky = exports.Sticky = (0, _renderEnvironment.withRenderEnvironment)(_class =
 
 
 
+    layoutSubscription = { remove: null };_this.
+    reflowCounter = 0;_this.
+
 
 
 
 
-    layoutSubscription = { remove: null };_this.
-    reflowCounter = 0;_this.
 
 
 
@@ -154,26 +154,23 @@ Sticky = exports.Sticky = (0, _renderEnvironment.withRenderEnvironment)(_class =
 
 
 
-    refWrapper = function (ref) {
-      _this.wrapper = ref;
-    };_this.
 
-    refInner = function (ref) {
-      _this.inner = ref;
-    };
+
+    refWrapper = function (ref) {return _this.wrapper = ref;};_this.
+
+    refInner = function (ref) {return _this.inner = ref;};
 
     /**
      * Пересчитать габариты и позицию залипшего элемента
      *
      * @public
      */_this.
-    reflow = function () {var _this$globalObject$do;
-      if (!((_this$globalObject$do = _this.globalObject.document) != null && _this$globalObject$do.documentElement)) {
-        (0, _warning.default)(false, 'There is no "documentElement" in document');
-        return;
+    reflow = function () {var _globalObject$documen;
+      if (!((_globalObject$documen = _globalObject.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.globalObject.innerHeight || _globalObject.globalObject.document.documentElement.clientHeight;
       if (!_this.wrapper || !_this.inner) {
         return;
       }
@@ -211,4 +208,4 @@ Sticky = exports.Sticky = (0, _renderEnvironment.withRenderEnvironment)(_class =
           _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
         }
       }
-    };return _this;}(0, _inheritsLoose2.default)(Sticky, _React$Component);var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow, this.globalObject);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {this.reflow();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {this.styles = (0, _Sticky2.getStyles)(this.emotion);return this.renderMain();};_proto.renderMain = function renderMain() {var _this$cx;var children = this.props.children;var side = this.props.side;var offset = this.getProps().offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": StickyDataTids.root, ref: this.refWrapper, className: this.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.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)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: this.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component), _Sticky.__KONTUR_REACT_UI__ = 'Sticky', _Sticky.displayName = 'Sticky', _Sticky.defaultProps = { offset: 0 }, _Sticky)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Sticky, _React$Component);var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {this.featureFlags.stickyReduceLayoutEvents ? this.reflow() : LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;var children = this.props.children;var side = this.props.side;var offset = this.getProps().offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": StickyDataTids.root, ref: this.refWrapper, className: _Sticky2.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _Emotion.cx)(_Sticky2.styles.inner(), (_cx = {}, _cx[_Sticky2.styles.fixed()] = fixed && !stopped, _cx[_Sticky2.styles.stopped()] = stopped, _cx)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky2.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component), _Sticky.__KONTUR_REACT_UI__ = 'Sticky', _Sticky.displayName = 'Sticky', _Sticky.defaultProps = { offset: 0 }, _Sticky)) || _class;