@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

package/components/Spinner/Spinner.md

@@ -0,0 +1,35 @@
+```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

@@ -0,0 +1,49 @@
+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 { getAnimationKeyframes } from "../../../lib/theming/AnimationKeyframes";
+import { isIE11 } from "../../../lib/client";
+export var getStyles = function getStyles(emotion) {
+  var AnimationKeyframes = getAnimationKeyframes(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      "])));
+    }
+  });
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeStyle","getAnimationKeyframes","isIE11","getStyles","emotion","AnimationKeyframes","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/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const getStyles = (emotion: Emotion) => {\n  const AnimationKeyframes = getAnimationKeyframes(emotion);\n  return 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};\n"],"mappings":"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","ignoreList":[]}

package/components/Spinner/Spinner.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Spinner/Spinner.styles.js",
+  "module": "Spinner.styles",
+  "types": "../Spinner.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -1,11 +1,17 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    cloudBg(t: ITheme): string;
-    cloudStroke(t: ITheme): string;
-    cloudStrokeDimmed(t: ITheme): string;
-    circle(t: ITheme): string;
-    circleStroke(t: ITheme): string;
-    circleStrokeDimmed(t: ITheme): string;
-    caption(t: ITheme): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    circle(t: Theme): string;
+    circleDimmedColor(t: Theme): string;
+    circleWithoutColorAnimation(): string;
+    captionColor(t: Theme): string;
+    inline(): string;
+    mini(t: Theme): string;
+    small(t: Theme): string;
+    normal(t: Theme): string;
+    medium(t: Theme): string;
+    big(t: Theme): string;
+    large(t: Theme): string;
+    spinner(): string;
+    inner(): string;
 };
-export default jsStyles;

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js

@@ -0,0 +1,146 @@
+/* eslint-disable no-useless-constructor */
+import { globalObject } from '@skbkontur/global-object';
+import { ColorFactory } from "../../../lib/styles/ColorFactory";
+export var 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.requestAnimationFrame) {
+      rafId = globalObject.requestAnimationFrame(interval);
+    }
+  };
+  interval();
+  return {
+    clear: function clear() {
+      cleared = true;
+      globalObject.cancelAnimationFrame == null || 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;
+};
+export var 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();
+  });
+};
+export var 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();
+  });
+};
+export var createColorAnimation = function createColorAnimation(colors, duration, setStyleProperty) {
+  var rgbColors = colors.map(function (color) {
+    return 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;
+  });
+};
+export var 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/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js.map

@@ -0,0 +1 @@
+{"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/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Spinner/SpinnerFallbackAnimation.js",
+  "module": "SpinnerFallbackAnimation",
+  "types": "../SpinnerFallbackAnimation.d.ts",
+  "sideEffects": false
+}

package/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/components/Spinner/index/index.js

@@ -0,0 +1 @@
+export * from "../Spinner";

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './Spinner';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

package/components/Spinner/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Spinner/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Spinner/index.d.ts

@@ -1 +1 @@
-export { default, SpinnerProps, SpinnerType } from './Spinner';
+export * from './Spinner';

package/components/Spinner/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Spinner/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Sticky/Sticky/Sticky.js

@@ -0,0 +1,206 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _Sticky;
+import React from 'react';
+import PropTypes from 'prop-types';
+import shallowEqual from 'shallowequal';
+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 { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { getDOMRect } from "../../../lib/dom/getDOMRect";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { getStyles } from "../Sticky.styles";
+var MAX_REFLOW_RETRIES = 5;
+export var StickyDataTids = {
+  root: 'Sticky__root'
+};
+export var Sticky = 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.getProps = createPropsGetter(Sticky.defaultProps);
+    _this.state = {
+      fixed: false,
+      deltaHeight: 0,
+      stopped: false,
+      relativeTop: 0
+    };
+    _this.layoutSubscription = {
+      remove: null
+    };
+    _this.reflowCounter = 0;
+    _this.refWrapper = function (ref) {
+      return _this.wrapper = ref;
+    };
+    _this.refInner = function (ref) {
+      return _this.inner = ref;
+    };
+
+    /**
+     * Пересчитать габариты и позицию залипшего элемента
+     *
+     * @public
+     */
+    _this.reflow = function () {
+      var _globalObject$documen;
+      if (!((_globalObject$documen = globalObject.document) != null && _globalObject$documen.documentElement)) {
+        throw Error('There is no "documentElement" in document');
+      }
+      var windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;
+      if (!_this.wrapper || !_this.inner) {
+        return;
+      }
+      var _getDOMRect = getDOMRect(_this.wrapper),
+        top = _getDOMRect.top,
+        bottom = _getDOMRect.bottom,
+        left = _getDOMRect.left,
+        width = _getDOMRect.width;
+      var _getDOMRect2 = getDOMRect(_this.inner),
+        height = _getDOMRect2.height;
+      var _this$props = _this.props,
+        getStop = _this$props.getStop,
+        side = _this$props.side;
+      var _this$state = _this.state,
+        prevFixed = _this$state.fixed,
+        _this$state$height = _this$state.height,
+        prevHeight = _this$state$height === void 0 ? height : _this$state$height;
+      var offset = _this.getProps().offset;
+      var fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;
+      _this.setState({
+        fixed: fixed,
+        left: left
+      });
+      if (fixed && !prevFixed) {
+        _this.setState({
+          width: width,
+          height: height
+        });
+      }
+      if (fixed) {
+        _this.setState({
+          width: width
+        });
+        var stop = getStop && getStop();
+        if (stop) {
+          var deltaHeight = prevHeight - height;
+          var stopRect = getDOMRect(stop);
+          var outerHeight = height + offset;
+          var stopped = false;
+          var relativeTop = 0;
+          if (side === 'top') {
+            stopped = stopRect.top - outerHeight < 0;
+            relativeTop = stopRect.top - prevHeight - top;
+          } else {
+            stopped = stopRect.bottom + outerHeight > windowHeight;
+            relativeTop = stopRect.bottom - top;
+          }
+          _this.setState({
+            relativeTop: relativeTop,
+            deltaHeight: deltaHeight,
+            stopped: stopped
+          });
+        }
+      }
+    };
+    return _this;
+  }
+  _inheritsLoose(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 (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {
+      if (this.reflowCounter < MAX_REFLOW_RETRIES) {
+        LayoutEvents.emit();
+        this.reflowCounter += 1;
+        return;
+      }
+    }
+    this.reflowCounter = 0;
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      _this2.emotion = emotion;
+      _this2.styles = getStyles(_this2.emotion);
+      return _this2.renderMain();
+    });
+  };
+  _proto.renderMain = function renderMain() {
+    var _this$emotion$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 (isFunction(children)) {
+      children = children(fixed);
+    }
+    var styles = this.styles;
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      "data-tid": StickyDataTids.root,
+      ref: this.refWrapper,
+      className: styles.wrapper()
+    }, /*#__PURE__*/React.createElement(ZIndex, {
+      priority: "Sticky",
+      applyZIndex: fixed,
+      className: this.emotion.cx(styles.inner(), (_this$emotion$cx = {}, _this$emotion$cx[styles.fixed()] = fixed && !stopped, _this$emotion$cx[styles.stopped()] = stopped, _this$emotion$cx)),
+      style: innerStyle,
+      wrapperRef: this.refInner
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.container()
+    }, children)), fixed && !stopped ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: width,
+        height: height
+      }
+    }) : null));
+  };
+  return Sticky;
+}(React.Component), _Sticky.__KONTUR_REACT_UI__ = 'Sticky', _Sticky.displayName = 'Sticky', _Sticky.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  /**
+  * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+  */
+  getStop: PropTypes.func,
+  /**
+  * Отступ от границы в пикселях
+  */
+  offset: PropTypes.number,
+  side: PropTypes.oneOf(['top', 'bottom']).isRequired
+}, _Sticky.defaultProps = {
+  offset: 0
+}, _Sticky)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PropTypes","shallowEqual","globalObject","LayoutEvents","isFunction","ZIndex","CommonWrapper","EmotionConsumer","rootNode","getDOMRect","createPropsGetter","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","_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","floor","setState","stop","stopRect","outerHeight","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","_this2","createElement","emotion","styles","renderMain","_this$emotion$cx","children","_this$state2","innerStyle","_extends","rootNodeRef","setRootNode","className","priority","applyZIndex","cx","style","wrapperRef","container","Component","__KONTUR_REACT_UI__","displayName","propTypes","oneOfType","node","func","number","oneOf","isRequired"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getStyles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  side: 'top' | 'bottom';\n  /**\n   * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\n   * @default 0\n   */\n  offset?: number;\n  getStop?: () => Nullable<HTMLElement>;\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@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 propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\n     */\n    getStop: PropTypes.func,\n\n    /**\n     * Отступ от границы в пикселях\n     */\n    offset: PropTypes.number,\n\n    side: PropTypes.oneOf(['top', 'bottom']).isRequired,\n  };\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  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\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        LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return this.renderMain();\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public 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    const styles = this.styles;\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={this.emotion.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' ? 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":[]}

package/components/Sticky/Sticky/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Sticky/Sticky.js",
+  "module": "Sticky",
+  "types": "../Sticky.d.ts",
+  "sideEffects": false
+}