@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a

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

@@ -1 +1 @@
-{"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","spinnerDimmedColor","captionColor","spinnerCaptionColor","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","spinner","inner","jsStyles"],"mappings":"8QAAA;;AAEA;AACA,0C;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;;AAGI,KAACC,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGMI,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHN;AAIMI,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJN;AAKMI,2CAAmBF,YAAnB,CAAgCF,CAAhC,CALN,wCAHJ;;;AAWD,GAbY;AAcbQ,EAAAA,YAda,wBAcAR,CAdA,EAcU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,kBADd;;AAGI,KAACN,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGII,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHJ;AAIII,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJJ,mCAHJ;;;AAUD,GAzBY;;AA2BbU,EAAAA,YA3Ba,wBA2BAV,CA3BA,EA2BU;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACW,mBADb;;AAGD,GA/BY;;AAiCbC,EAAAA,IAjCa,gBAiCRZ,CAjCQ,EAiCE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACa,sBADnB;AAEeb,IAAAA,CAAC,CAACc,oBAFjB;AAGiBd,IAAAA,CAAC,CAACe,sBAHnB;;AAKD,GAvCY;;AAyCbC,EAAAA,MAzCa,kBAyCNhB,CAzCM,EAyCI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACiB,qBAFjB;AAGiBjB,IAAAA,CAAC,CAACkB,uBAHnB;AAIgBlB,IAAAA,CAAC,CAACmB,uBAJlB;;AAMD,GAhDY;;AAkDbC,EAAAA,GAlDa,eAkDTpB,CAlDS,EAkDC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACqB,oBAFjB;AAGiBrB,IAAAA,CAAC,CAACsB,sBAHnB;AAIgBtB,IAAAA,CAAC,CAACuB,sBAJlB;;AAMD,GAzDY;;AA2DbC,EAAAA,OA3Da,qBA2DH;AACR,eAAOvB,YAAP;;;;AAID,GAhEY;;AAkEbwB,EAAAA,KAlEa,mBAkEL;AACN,eAAOxB,YAAP;;;AAGD,GAtEY,EAAf;;;AAyEO,IAAMyB,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\r\nimport { isIE11 } from '../../lib/client';\r\n\r\nconst styles = {\r\n  circle(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n          animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n            ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n            ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\r\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n        `}\r\n    `;\r\n  },\r\n  circleDimmed(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerDimmedColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n          animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\r\n        `}\r\n    `;\r\n  },\r\n\r\n  captionColor(t: Theme) {\r\n    return css`\r\n      color: ${t.spinnerCaptionColor};\r\n    `;\r\n  },\r\n\r\n  mini(t: Theme) {\r\n    return css`\r\n      margin-left: ${t.spinnerCaptionGapSmall};\r\n      font-size: ${t.spinnerFontSizeSmall};\r\n      line-height: ${t.spinnerLineHeightSmall};\r\n    `;\r\n  },\r\n\r\n  normal(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerFontSizeMedium};\r\n      line-height: ${t.spinnerLineHeightMedium};\r\n      margin-top: ${t.spinnerCaptionGapMedium};\r\n    `;\r\n  },\r\n\r\n  big(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerFontSizeLarge};\r\n      line-height: ${t.spinnerLineHeightLarge};\r\n      margin-top: ${t.spinnerCaptionGapLarge};\r\n    `;\r\n  },\r\n\r\n  spinner() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","spinner","inner"],"mappings":"4QAAA;;AAEA;AACA,0C;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;;AAGI,KAACC,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGMI,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHN;AAIMI,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJN;AAKMI,2CAAmBF,YAAnB,CAAgCF,CAAhC,CALN,wCAHJ;;;AAWD,GAbgC;AAcjCQ,EAAAA,iBAdiC,6BAcfR,CAde,EAcL;AAC1B,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,kBADd;;AAGD,GAlBgC;AAmBjCC,EAAAA,2BAnBiC,uCAmBLV,CAnBK,EAmBK;AACpC,eAAOC,YAAP;AACI,KAACE,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGII,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHJ;AAIII,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJJ,mCADJ;;;AAQD,GA5BgC;;AA8BjCW,EAAAA,YA9BiC,wBA8BpBX,CA9BoB,EA8BV;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACY,mBADb;;AAGD,GAlCgC;;AAoCjCC,EAAAA,MApCiC,oBAoCxB;AACP,eAAOZ,YAAP;;;;AAID,GAzCgC;;AA2CjCa,EAAAA,IA3CiC,gBA2C5Bd,CA3C4B,EA2ClB;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACe,sBADnB;AAEef,IAAAA,CAAC,CAACgB,oBAFjB;AAGiBhB,IAAAA,CAAC,CAACiB,sBAHnB;;AAKD,GAjDgC;;AAmDjCC,EAAAA,MAnDiC,kBAmD1BlB,CAnD0B,EAmDhB;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACmB,qBAFjB;AAGiBnB,IAAAA,CAAC,CAACoB,uBAHnB;AAIgBpB,IAAAA,CAAC,CAACqB,uBAJlB;;AAMD,GA1DgC;;AA4DjCC,EAAAA,GA5DiC,eA4D7BtB,CA5D6B,EA4DnB;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACuB,oBAFjB;AAGiBvB,IAAAA,CAAC,CAACwB,sBAHnB;AAIgBxB,IAAAA,CAAC,CAACyB,sBAJlB;;AAMD,GAnEgC;;AAqEjCC,EAAAA,OArEiC,qBAqEvB;AACR,eAAOzB,YAAP;;;;;AAKD,GA3EgC;;AA6EjC0B,EAAAA,KA7EiC,mBA6EzB;AACN,eAAO1B,YAAP;;;AAGD,GAjFgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate(t)} 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(t: Theme) {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 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  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  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  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"]}

package/cjs/components/Spinner/SpinnerFallbackAnimation.js

@@ -1,9 +1,10 @@
-"use strict";exports.__esModule = true;exports.createRotationAnimation = exports.createColorAnimation = exports.createLengthAnimation = exports.createOffsetAnimation = exports.SpinnerFallbackAnimationRunner = void 0;var _ColorFactory = require("../../lib/styles/ColorFactory");var
+"use strict";exports.__esModule = true;exports.createRotationAnimation = exports.createOffsetAnimation = exports.createLengthAnimation = exports.createColorAnimation = exports.SpinnerFallbackAnimationRunner = void 0;
+var _ColorFactory = require("../../lib/styles/ColorFactory"); /* eslint-disable no-useless-constructor */var
 
 SpinnerFallbackAnimationRunner =
 
 
-function SpinnerFallbackAnimationRunner(animations, FPS) {var _this = this;this.animations = animations;this.FPS = FPS;this.interval = null;this.
+function SpinnerFallbackAnimationRunner(animations, FPS) {var _this = this;this.interval = null;this.
 
 
 
@@ -19,7 +20,7 @@ function SpinnerFallbackAnimationRunner(animations, FPS) {var _this = this;this.
       _this.interval.clear();
       _this.animations.forEach(function (animation) {return animation.finish();});
     }
-  };this.start();};exports.SpinnerFallbackAnimationRunner = SpinnerFallbackAnimationRunner;
+  };this.animations = animations;this.FPS = FPS;this.start();};exports.SpinnerFallbackAnimationRunner = SpinnerFallbackAnimationRunner;
 
 
 var rafInterval = function rafInterval(fn, delay) {
@@ -28,9 +29,14 @@ var rafInterval = function rafInterval(fn, delay) {
   var rafId = 0;
 
   var interval = function interval() {
-    if (cleared) return;
+    if (cleared) {
+      return;
+    }
+
     var timestamp = new Date().getTime();
-    if (!lastcall) lastcall = timestamp;
+    if (!lastcall) {
+      lastcall = timestamp;
+    }
     if (timestamp - lastcall > delay) {
       fn();
       lastcall = timestamp;
@@ -55,12 +61,17 @@ function Animation(
 duration,
 onProgress,
 onFinish)
-{var _this2 = this;this.duration = duration;this.onProgress = onProgress;this.onFinish = onFinish;this.startTime = 0;this.isFinished = false;this.
+{var _this2 = this;this.startTime = 0;this.isFinished = false;this.
 
   step = function () {
-    if (_this2.isFinished) return;
+    if (_this2.isFinished) {
+      return;
+    }
+
     var timestamp = new Date().getTime();
-    if (!_this2.startTime) _this2.startTime = timestamp;
+    if (!_this2.startTime) {
+      _this2.startTime = timestamp;
+    }
     var progress = (timestamp - _this2.startTime) / _this2.duration;
 
     _this2.onProgress(progress);
@@ -84,7 +95,7 @@ onFinish)
     if (!_this2.isFinished) {
       _this2.step();
     }
-  };};
+  };this.duration = duration;this.onProgress = onProgress;this.onFinish = onFinish;};
 
 
 var createOffsetAnimation = function createOffsetAnimation(

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

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerFallbackAnimation.ts"],"names":["SpinnerFallbackAnimationRunner","animations","FPS","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","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"],"mappings":"wNAAA,6D;;AAEaA,8B;;;AAGX,wCAAoBC,UAApB,EAAqDC,GAArD,EAAkE,uBAA9CD,UAA8C,GAA9CA,UAA8C,MAAbC,GAAa,GAAbA,GAAa,MAF1DC,QAE0D,GAFR,IAEQ;;;;AAI3DC,EAAAA,KAJ2D,GAInD,YAAM;AACnB,IAAA,KAAI,CAACH,UAAL,CAAgBI,OAAhB,CAAwB,UAAAC,SAAS,UAAIA,SAAS,CAACF,KAAV,EAAJ,EAAjC;AACA,IAAA,KAAI,CAACD,QAAL,GAAgBI,WAAW,CAAC,YAAM;AAChC,MAAA,KAAI,CAACN,UAAL,CAAgBI,OAAhB,CAAwB,UAAAC,SAAS,UAAIA,SAAS,CAACE,IAAV,EAAJ,EAAjC;AACD,KAF0B,EAExB,KAAI,CAACN,GAFmB,CAA3B;AAGD,GATiE;;AAW3DO,EAAAA,IAX2D,GAWpD,YAAM;AAClB,QAAI,KAAI,CAACN,QAAT,EAAmB;AACjB,MAAA,KAAI,CAACA,QAAL,CAAcO,KAAd;AACA,MAAA,KAAI,CAACT,UAAL,CAAgBI,OAAhB,CAAwB,UAAAC,SAAS,UAAIA,SAAS,CAACK,MAAV,EAAJ,EAAjC;AACD;AACF,GAhBiE,CAChE,KAAKP,KAAL,GACD,C;;;AAiBH,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACK,EAAD,EAAiBC,KAAjB,EAAmC;AACrD,MAAIC,QAAQ,GAAG,CAAf;AACA,MAAIC,OAAO,GAAG,KAAd;AACA,MAAIC,KAAK,GAAG,CAAZ;;AAEA,MAAMb,QAAQ,GAAG,SAAXA,QAAW,GAAM;AACrB,QAAIY,OAAJ,EAAa;AACb,QAAME,SAAS,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAlB;AACA,QAAI,CAACL,QAAL,EAAeA,QAAQ,GAAGG,SAAX;AACf,QAAIA,SAAS,GAAGH,QAAZ,GAAuBD,KAA3B,EAAkC;AAChCD,MAAAA,EAAE;AACFE,MAAAA,QAAQ,GAAGG,SAAX;AACD;AACDD,IAAAA,KAAK,GAAGI,qBAAqB,CAACjB,QAAD,CAA7B;AACD,GATD;AAUAA,EAAAA,QAAQ;;AAER,SAAO;AACLO,IAAAA,KAAK,EAAE,iBAAM;AACXK,MAAAA,OAAO,GAAG,IAAV;AACAM,MAAAA,oBAAoB,CAACL,KAAD,CAApB;AACD,KAJI,EAAP;;AAMD,CAvBD,C;;AAyBMM,S;;;;AAIJ;AACUC,QADV;AAEUC,UAFV;AAGUC,QAHV;AAIE,wBAHQF,QAGR,GAHQA,QAGR,MAFQC,UAER,GAFQA,UAER,MADQC,QACR,GADQA,QACR,MAPMC,SAON,GAPkB,CAOlB,MANMC,UAMN,GANmB,KAMnB;;AAEKnB,EAAAA,IAFL,GAEY,YAAM;AAClB,QAAI,MAAI,CAACmB,UAAT,EAAqB;AACrB,QAAMV,SAAS,GAAG,IAAIC,IAAJ,GAAWC,OAAX,EAAlB;AACA,QAAI,CAAC,MAAI,CAACO,SAAV,EAAqB,MAAI,CAACA,SAAL,GAAiBT,SAAjB;AACrB,QAAMW,QAAQ,GAAG,CAACX,SAAS,GAAG,MAAI,CAACS,SAAlB,IAA+B,MAAI,CAACH,QAArD;;AAEA,IAAA,MAAI,CAACC,UAAL,CAAgBI,QAAhB;;AAEA,QAAIA,QAAQ,IAAI,CAAhB,EAAmB;AACjB,MAAA,MAAI,CAACjB,MAAL;AACD;AACF,GAbC;;AAeKkB,EAAAA,KAfL,GAea,YAAM;AACnB,IAAA,MAAI,CAACH,SAAL,GAAiB,CAAjB;AACA,IAAA,MAAI,CAACC,UAAL,GAAkB,KAAlB;AACD,GAlBC;;AAoBKhB,EAAAA,MApBL,GAoBc,YAAM;AACpB,IAAA,MAAI,CAACgB,UAAL,GAAkB,IAAlB;AACA,IAAA,MAAI,CAACF,QAAL,IAAiB,MAAI,CAACA,QAAL,CAAc,MAAd,CAAjB;AACD,GAvBC;;AAyBKrB,EAAAA,KAzBL,GAyBa,YAAM;AACnB,QAAI,CAAC,MAAI,CAACuB,UAAV,EAAsB;AACpB,MAAA,MAAI,CAACnB,IAAL;AACD;AACF,GA7BC,CAAE,C;;;AAgCC,IAAMsB,qBAAqB,GAAG,SAAxBA,qBAAwB;AACnCC,IADmC;AAEnCC,EAFmC;AAGnCT,QAHmC;AAInCU,gBAJmC;AAKnCC,KALmC;AAMhC,KADHA,KACG,cADHA,KACG,GADK,EACL;AACH,SAAO,IAAIZ,SAAJ;AACLC,EAAAA,QADK;AAEL,YAAAK,QAAQ,EAAI;AACV,QAAMO,OAAO,GAAGJ,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAN,IAAcH,QAArC;AACAK,IAAAA,gBAAgB,CAAC,mBAAD,OAAyBE,OAAzB,GAAmCD,KAAnC,CAAhB;AACD,GALI;AAML,YAAA5B,SAAS,EAAI;AACXA,IAAAA,SAAS,CAACuB,KAAV;AACD,GARI,CAAP;;AAUD,CAjBM,C;;AAmBA,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB;AACnCL,IADmC;AAEnCC,EAFmC;AAGnCT,QAHmC;AAInCU,gBAJmC;AAKnCC,KALmC;AAMhC,KADHA,KACG,cADHA,KACG,GADK,EACL;AACH,MAAIG,OAAO,GAAG,KAAd;AACA,SAAO,IAAIf,SAAJ;AACLC,EAAAA,QADK;AAEL,YAAAK,QAAQ,EAAI;AACV,QAAMU,CAAC,GAAGD,OAAO,GAAG,IAAIT,QAAP,GAAkBA,QAAnC;AACA,QAAMO,OAAO,GAAG,CAACJ,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBO,CAA/B,EAAkCP,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBO,CAAhE,CAAhB;AACAL,IAAAA,gBAAgB,CAAC,kBAAD,OAAwBE,OAAO,CAAC,CAAD,CAA/B,GAAqCD,KAArC,SAA8CC,OAAO,CAAC,CAAD,CAArD,GAA2DD,KAA3D,CAAhB;AACD,GANI;AAOL,YAAA5B,SAAS,EAAI;AACX+B,IAAAA,OAAO,GAAG,CAACA,OAAX;AACA/B,IAAAA,SAAS,CAACuB,KAAV;AACD,GAVI,CAAP;;AAYD,CApBM,C;;AAsBA,IAAMU,oBAAoB,GAAG,SAAvBA,oBAAuB;AAClCC,MADkC;AAElCjB,QAFkC;AAGlCU,gBAHkC;AAI/B;AACH,MAAMQ,SAAS,GAAGD,MAAM,CAACE,GAAP,CAAW,UAAAC,KAAK,UAAIC,2BAAaC,MAAb,CAAoBF,KAApB,EAA2BG,GAA/B,EAAhB,CAAlB;AACA,MAAIC,YAAY,GAAG,CAAnB;AACA,MAAIC,SAAS,GAAG,CAAhB;;AAEA,SAAO,IAAI1B,SAAJ;AACLC,EAAAA,QADK;AAEL,YAAAK,QAAQ,EAAI;AACV,QAAMG,IAAI,GAAGU,SAAS,CAACM,YAAD,CAAtB;AACA,QAAMf,EAAE,GAAGS,SAAS,CAACO,SAAD,CAApB;AACA,QAAIjB,IAAI,IAAIC,EAAZ,EAAgB;AACd,UAAMG,OAAO,GAAG;AACdc,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CADc;AAEdqB,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CAFc;AAGdqB,MAAAA,IAAI,CAACC,KAAL,CAAWnB,IAAI,CAAC,CAAD,CAAJ,GAAU,CAACC,EAAE,CAAC,CAAD,CAAF,GAAQD,IAAI,CAAC,CAAD,CAAb,IAAoBH,QAAzC,CAHc,CAAhB;;AAKAK,MAAAA,gBAAgB,CAAC,QAAD,WAAkBE,OAAlB,OAAhB;AACD;AACF,GAbI;AAcL,YAAA7B,SAAS,EAAI;AACXA,IAAAA,SAAS,CAACuB,KAAV;AACAkB,IAAAA,YAAY,GAAGC,SAAf;AACAA,IAAAA,SAAS,GAAG,CAACA,SAAS,GAAG,CAAb,IAAkBR,MAAM,CAACW,MAArC;AACD,GAlBI,CAAP;;AAoBD,CA7BM,C;;AA+BA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B;AACrCrB,IADqC;AAErCC,EAFqC;AAGrCT,QAHqC;AAIrCU,gBAJqC;AAKrCC,KALqC;AAMlC,KADHA,KACG,cADHA,KACG,GADK,KACL;AACH,SAAO,IAAIZ,SAAJ;AACLC,EAAAA,QADK;AAEL,YAAAK,QAAQ,EAAI;AACV,QAAMO,OAAO,GAAGc,IAAI,CAACC,KAAL,CAAWnB,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAN,IAAcH,QAAhC,CAAhB;AACAK,IAAAA,gBAAgB,CAAC,WAAD,cAAwBE,OAAxB,GAAkCD,KAAlC,OAAhB;AACD,GALI;AAML,YAAA5B,SAAS,EAAI;AACXA,IAAAA,SAAS,CAACuB,KAAV;AACD,GARI,CAAP;;AAUD,CAjBM,C","sourcesContent":["import { ColorFactory } from '../../lib/styles/ColorFactory';\r\n\r\nexport class SpinnerFallbackAnimationRunner {\r\n  private interval: ReturnType<typeof rafInterval> | null = null;\r\n\r\n  constructor(private animations: Animation[], private FPS: number) {\r\n    this.start();\r\n  }\r\n\r\n  public start = () => {\r\n    this.animations.forEach(animation => animation.start());\r\n    this.interval = rafInterval(() => {\r\n      this.animations.forEach(animation => animation.step());\r\n    }, this.FPS);\r\n  };\r\n\r\n  public stop = () => {\r\n    if (this.interval) {\r\n      this.interval.clear();\r\n      this.animations.forEach(animation => animation.finish());\r\n    }\r\n  };\r\n}\r\n\r\nconst rafInterval = (fn: () => void, delay: number) => {\r\n  let lastcall = 0;\r\n  let cleared = false;\r\n  let rafId = 0;\r\n\r\n  const interval = () => {\r\n    if (cleared) return;\r\n    const timestamp = new Date().getTime();\r\n    if (!lastcall) lastcall = timestamp;\r\n    if (timestamp - lastcall > delay) {\r\n      fn();\r\n      lastcall = timestamp;\r\n    }\r\n    rafId = requestAnimationFrame(interval);\r\n  };\r\n  interval();\r\n\r\n  return {\r\n    clear: () => {\r\n      cleared = true;\r\n      cancelAnimationFrame(rafId);\r\n    },\r\n  };\r\n};\r\n\r\nclass Animation {\r\n  private startTime = 0;\r\n  private isFinished = false;\r\n\r\n  constructor(\r\n    private duration: number,\r\n    private onProgress: (progress: number) => void,\r\n    private onFinish?: (animation: Animation) => void,\r\n  ) {}\r\n\r\n  public step = () => {\r\n    if (this.isFinished) return;\r\n    const timestamp = new Date().getTime();\r\n    if (!this.startTime) this.startTime = timestamp;\r\n    const progress = (timestamp - this.startTime) / this.duration;\r\n\r\n    this.onProgress(progress);\r\n\r\n    if (progress >= 1) {\r\n      this.finish();\r\n    }\r\n  };\r\n\r\n  public reset = () => {\r\n    this.startTime = 0;\r\n    this.isFinished = false;\r\n  };\r\n\r\n  public finish = () => {\r\n    this.isFinished = true;\r\n    this.onFinish && this.onFinish(this);\r\n  };\r\n\r\n  public start = () => {\r\n    if (!this.isFinished) {\r\n      this.step();\r\n    }\r\n  };\r\n}\r\n\r\nexport const createOffsetAnimation = (\r\n  from: number,\r\n  to: number,\r\n  duration: number,\r\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n  units = '',\r\n) => {\r\n  return new Animation(\r\n    duration,\r\n    progress => {\r\n      const current = from + (to - from) * progress;\r\n      setStyleProperty('stroke-dashoffset', `${current}${units}`);\r\n    },\r\n    animation => {\r\n      animation.reset();\r\n    },\r\n  );\r\n};\r\n\r\nexport const createLengthAnimation = (\r\n  from: number[],\r\n  to: number[],\r\n  duration: number,\r\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n  units = '',\r\n) => {\r\n  let reverse = false;\r\n  return new Animation(\r\n    duration,\r\n    progress => {\r\n      const p = reverse ? 1 - progress : progress;\r\n      const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\r\n      setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\r\n    },\r\n    animation => {\r\n      reverse = !reverse;\r\n      animation.reset();\r\n    },\r\n  );\r\n};\r\n\r\nexport const createColorAnimation = (\r\n  colors: string[],\r\n  duration: number,\r\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n) => {\r\n  const rgbColors = colors.map(color => ColorFactory.create(color).rgb);\r\n  let currentIndex = 0;\r\n  let nextIndex = 1;\r\n\r\n  return new Animation(\r\n    duration,\r\n    progress => {\r\n      const from = rgbColors[currentIndex];\r\n      const to = rgbColors[nextIndex];\r\n      if (from && to) {\r\n        const current = [\r\n          Math.round(from[0] + (to[0] - from[0]) * progress),\r\n          Math.round(from[1] + (to[1] - from[1]) * progress),\r\n          Math.round(from[2] + (to[2] - from[2]) * progress),\r\n        ];\r\n        setStyleProperty('stroke', `rgb(${current})`);\r\n      }\r\n    },\r\n    animation => {\r\n      animation.reset();\r\n      currentIndex = nextIndex;\r\n      nextIndex = (nextIndex + 1) % colors.length;\r\n    },\r\n  );\r\n};\r\n\r\nexport const createRotationAnimation = (\r\n  from: number,\r\n  to: number,\r\n  duration: number,\r\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\r\n  units = 'deg',\r\n) => {\r\n  return new Animation(\r\n    duration,\r\n    progress => {\r\n      const current = Math.round(from + (to - from) * progress);\r\n      setStyleProperty('transform', `rotate(${current}${units})`);\r\n    },\r\n    animation => {\r\n      animation.reset();\r\n    },\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["SpinnerFallbackAnimation.ts"],"names":["SpinnerFallbackAnimationRunner","animations","FPS","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","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"],"mappings":"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","sourcesContent":["/* eslint-disable no-useless-constructor */\nimport { ColorFactory } from '../../lib/styles/ColorFactory';\n\nexport class SpinnerFallbackAnimationRunner {\n  private interval: ReturnType<typeof rafInterval> | null = null;\n\n  constructor(private animations: Animation[], private FPS: number) {\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    rafId = requestAnimationFrame(interval);\n  };\n  interval();\n\n  return {\n    clear: () => {\n      cleared = true;\n      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"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["SpinnerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"6HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,mBAAmB,GAAG,IAAIC,0BAAJ,CAAgC;AACjEC,EAAAA,KAAK,EAALA,qBADiE;AAEjEC,EAAAA,KAAK,EAALA,qBAFiE,EAAhC,CAA5B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { SpinnerLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["SpinnerLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"6HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,mBAAmB,GAAG,IAAIC,0BAAJ,CAAgC;AACjEC,EAAAA,KAAK,EAALA,qBADiE;AAEjEC,EAAAA,KAAK,EAALA,qBAFiE,EAAhC,CAA5B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SpinnerLocale } from './types';\n\nexport * from './types';\n\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/components/Spinner/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Loading',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Loading',\n};\n"]}

package/cjs/components/Spinner/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Загрузка',\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC,C","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Загрузка',\n};\n"]}

package/cjs/components/Spinner/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

package/cjs/components/Sticky/Sticky.d.ts

@@ -43,11 +43,17 @@ export declare class Sticky extends React.Component<StickyProps, StickyState> {
     private inner;
     private layoutSubscription;
     private reflowCounter;
+    private setRootNode;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
     render(): JSX.Element;
     private refWrapper;
     private refInner;
-    private reflow;
+    /**
+     * Пересчитать габариты и позицию залипшего элемента
+     *
+     * @public
+     */
+    reflow: () => void;
 }

package/cjs/components/Sticky/Sticky.js

@@ -1,15 +1,17 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Sticky = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
 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 _Sticky = require("./Sticky.styles");
+var _Sticky = require("./Sticky.styles");var _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 var MAX_REFLOW_RETRIES = 5;var
 
@@ -34,7 +36,8 @@ var MAX_REFLOW_RETRIES = 5;var
 
 
 
-Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Sticky, _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 = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Sticky, _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.
 
 
 
@@ -62,8 +65,8 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
       relativeTop: 0 };_this.
 
 
-    wrapper = void 0;_this.
-    inner = void 0;_this.
+
+
     layoutSubscription = { remove: null };_this.
     reflowCounter = 0;_this.
 
@@ -130,14 +133,20 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
+
 
 
     refWrapper = function (ref) {return _this.wrapper = ref;};_this.
 
     refInner = function (ref) {return _this.inner = ref;};_this.
 
-    reflow = function () {var _document =
-      document,documentElement = _document.documentElement;
+
+
+
+
+
+    reflow = function () {
+      var _document = document,documentElement = _document.documentElement;
 
       if (!documentElement) {
         throw Error('There is no "documentElement" in document');
@@ -146,12 +155,12 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
       var windowHeight = window.innerHeight || documentElement.clientHeight;
       if (!_this.wrapper || !_this.inner) {
         return;
-      }var _this$wrapper$getBoun =
-      _this.wrapper.getBoundingClientRect(),top = _this$wrapper$getBoun.top,bottom = _this$wrapper$getBoun.bottom,left = _this$wrapper$getBoun.left;var _this$inner$getBoundi =
-      _this.inner.getBoundingClientRect(),width = _this$inner$getBoundi.width,height = _this$inner$getBoundi.height;var _this$props =
-      _this.props,offset = _this$props.offset,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 fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;
+      }
+      var _getDOMRect = (0, _getDOMRect3.getDOMRect)(_this.wrapper),top = _getDOMRect.top,bottom = _getDOMRect.bottom,left = _getDOMRect.left;
+      var _getDOMRect2 = (0, _getDOMRect3.getDOMRect)(_this.inner),width = _getDOMRect2.width,height = _getDOMRect2.height;
+      var _this$props = _this.props,offset = _this$props.offset,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 fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;
 
       _this.setState({ fixed: fixed, left: left });
 
@@ -163,7 +172,7 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         var stop = getStop && getStop();
         if (stop) {
           var deltaHeight = prevHeight - height;
-          var stopRect = stop.getBoundingClientRect();
+          var stopRect = (0, _getDOMRect3.getDOMRect)(stop);
           var outerHeight = height + offset;
           var stopped = false;
           var relativeTop = 0;
@@ -179,8 +188,8 @@ Sticky = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
           _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
         }
       }
-    };return _this;}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) {LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _cn;var children = this.props.children;var _this$props2 = this.props,side = _this$props2.side,offset = _this$props2.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, this.props, /*#__PURE__*/_react.default.createElement("div", { ref: this.refWrapper, className: _Sticky.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _classnames.default)(_Sticky.jsStyles.inner(), (_cn = {}, _cn[_Sticky.jsStyles.fixed()] = fixed && !stopped, _cn[_Sticky.jsStyles.stopped()] = stopped, _cn)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky.jsStyles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component);exports.Sticky = Sticky;Sticky.__KONTUR_REACT_UI__ = 'Sticky';Sticky.propTypes = { children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
-   * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-   */getStop: _propTypes.default.func, /**
-   * Отступ от границы в пикселях
-   */offset: _propTypes.default.number, side: _propTypes.default.oneOf(['top', 'bottom']).isRequired };Sticky.defaultProps = { offset: 0 };
+    };return _this;}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) {LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _cx;var children = this.props.children;var _this$props2 = this.props,side = _this$props2.side,offset = _this$props2.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", { ref: this.refWrapper, className: _Sticky.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _Emotion.cx)(_Sticky.styles.inner(), (_cx = {}, _cx[_Sticky.styles.fixed()] = fixed && !stopped, _cx[_Sticky.styles.stopped()] = stopped, _cx)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Sticky', _class2.propTypes = { children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
+   * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+   */getStop: _propTypes.default.func, /**
+   * Отступ от границы в пикселях
+   */offset: _propTypes.default.number, side: _propTypes.default.oneOf(['top', 'bottom']).isRequired }, _class2.defaultProps = { offset: 0 }, _temp)) || _class;exports.Sticky = Sticky;

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

@@ -1 +1 @@
-{"version":3,"sources":["Sticky.tsx"],"names":["MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","wrapper","inner","layoutSubscription","remove","reflowCounter","refWrapper","ref","refInner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","setState","stop","stopRect","outerHeight","componentDidMount","LayoutEvents","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","jsStyles","container","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport shallowEqual from 'shallowequal';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Sticky.styles';\r\n\r\nconst MAX_REFLOW_RETRIES = 5;\r\n\r\nexport interface StickyProps extends CommonProps {\r\n  side: 'top' | 'bottom';\r\n  /**\r\n   * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\r\n   * @default 0\r\n   */\r\n  offset: number;\r\n  getStop?: () => Nullable<HTMLElement>;\r\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\r\n}\r\n\r\nexport interface StickyState {\r\n  fixed: boolean;\r\n  deltaHeight: number;\r\n  height?: number;\r\n  width?: number;\r\n  left?: number;\r\n  stopped: boolean;\r\n  relativeTop: number;\r\n}\r\n\r\nexport class Sticky extends React.Component<StickyProps, StickyState> {\r\n  public static __KONTUR_REACT_UI__ = 'Sticky';\r\n\r\n  public static propTypes = {\r\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n    /**\r\n     * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\r\n     */\r\n    getStop: PropTypes.func,\r\n\r\n    /**\r\n     * Отступ от границы в пикселях\r\n     */\r\n    offset: PropTypes.number,\r\n\r\n    side: PropTypes.oneOf(['top', 'bottom']).isRequired,\r\n  };\r\n\r\n  public static defaultProps = { offset: 0 };\r\n\r\n  public state: StickyState = {\r\n    fixed: false,\r\n    deltaHeight: 0,\r\n    stopped: false,\r\n    relativeTop: 0,\r\n  };\r\n\r\n  private wrapper: Nullable<HTMLElement>;\r\n  private inner: Nullable<HTMLElement>;\r\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\r\n  private reflowCounter = 0;\r\n\r\n  public componentDidMount() {\r\n    this.reflow();\r\n\r\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.layoutSubscription.remove) {\r\n      this.layoutSubscription.remove();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\r\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\r\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\r\n        LayoutEvents.emit();\r\n        this.reflowCounter += 1;\r\n        return;\r\n      }\r\n    }\r\n    this.reflowCounter = 0;\r\n  }\r\n\r\n  public render() {\r\n    let { children } = this.props;\r\n    const { side, offset } = this.props;\r\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\r\n    const innerStyle: React.CSSProperties = {};\r\n\r\n    if (fixed) {\r\n      if (stopped) {\r\n        innerStyle.top = relativeTop;\r\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\r\n      } else {\r\n        innerStyle.width = width;\r\n        innerStyle[side] = offset;\r\n        innerStyle.left = left;\r\n      }\r\n    }\r\n\r\n    if (isFunction(children)) {\r\n      children = children(fixed);\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div ref={this.refWrapper} className={jsStyles.wrapper()}>\r\n          <ZIndex\r\n            priority=\"Sticky\"\r\n            applyZIndex={fixed}\r\n            className={cn(jsStyles.inner(), {\r\n              [jsStyles.fixed()]: fixed && !stopped,\r\n              [jsStyles.stopped()]: stopped,\r\n            })}\r\n            style={innerStyle}\r\n            wrapperRef={this.refInner}\r\n          >\r\n            <div className={jsStyles.container()}>{children}</div>\r\n          </ZIndex>\r\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\r\n\r\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\r\n\r\n  private reflow = () => {\r\n    const { documentElement } = document;\r\n\r\n    if (!documentElement) {\r\n      throw Error('There is no \"documentElement\" in document');\r\n    }\r\n\r\n    const windowHeight = window.innerHeight || documentElement.clientHeight;\r\n    if (!this.wrapper || !this.inner) {\r\n      return;\r\n    }\r\n    const { top, bottom, left } = this.wrapper.getBoundingClientRect();\r\n    const { width, height } = this.inner.getBoundingClientRect();\r\n    const { offset, getStop, side } = this.props;\r\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\r\n    const fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;\r\n\r\n    this.setState({ fixed, left });\r\n\r\n    if (fixed && !prevFixed) {\r\n      this.setState({ width, height });\r\n    }\r\n\r\n    if (fixed) {\r\n      const stop = getStop && getStop();\r\n      if (stop) {\r\n        const deltaHeight = prevHeight - height;\r\n        const stopRect = stop.getBoundingClientRect();\r\n        const outerHeight = height + offset;\r\n        let stopped = false;\r\n        let relativeTop = 0;\r\n\r\n        if (side === 'top') {\r\n          stopped = stopRect.top - outerHeight < 0;\r\n          relativeTop = stopRect.top - prevHeight - top;\r\n        } else {\r\n          stopped = stopRect.bottom + outerHeight > windowHeight;\r\n          relativeTop = stopRect.bottom - top;\r\n        }\r\n\r\n        this.setState({ relativeTop, deltaHeight, stopped });\r\n      }\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Sticky.tsx"],"names":["MAX_REFLOW_RETRIES","Sticky","rootNode","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","Math","floor","setState","stop","stopRect","outerHeight","componentDidMount","LayoutEvents","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","setRootNode","styles","container","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends CommonProps {\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\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = '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 = { offset: 0 };\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 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    let { children } = this.props;\n    const { side, offset } = this.props;\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 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    const { documentElement } = document;\n\n    if (!documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = window.innerHeight || documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left } = getDOMRect(this.wrapper);\n    const { width, height } = getDOMRect(this.inner);\n    const { offset, getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\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      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"]}

package/cjs/components/Sticky/Sticky.md

@@ -1,27 +1,27 @@
-```jsx harmony
-const style = {
-  padding: 10,
-  background: '#f99',
-};
-
-let stop = null;
-
-<div>
-  <Sticky side="top" getStop={() => stop}>
-    {fixed => (
-      <div style={style}>
-        Small loan of a million dollars
-        {fixed ? ' fixed' : <div>not fixed</div>}
-      </div>
-    )}
-  </Sticky>
-  Great
-  <div style={{ height: 1000 }} />
-  <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
-  <div style={{ height: 1000 }} />
-  <Sticky side="bottom" getStop={() => stop} offset={20}>
-    <div style={style}>Make America Great Again</div>
-  </Sticky>
-  <div style={{ height: 100 }} />
-</div>;
-```
+```jsx harmony
+const style = {
+  padding: 10,
+  background: '#f99',
+};
+
+let stop = null;
+
+<div>
+  <Sticky side="top" getStop={() => stop}>
+    {fixed => (
+      <div style={style}>
+        Small loan of a million dollars
+        {fixed ? ' fixed' : <div>not fixed</div>}
+      </div>
+    )}
+  </Sticky>
+  Great
+  <div style={{ height: 1000 }} />
+  <div ref={el => (stop = el)} style={{ borderTop: '1px solid' }} />
+  <div style={{ height: 1000 }} />
+  <Sticky side="bottom" getStop={() => stop} offset={20}>
+    <div style={style}>Make America Great Again</div>
+  </Sticky>
+  <div style={{ height: 100 }} />
+</div>;
+```

package/cjs/components/Sticky/Sticky.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
+export declare const styles: {
     wrapper(): string;
     inner(): string;
     fixed(): string;

package/cjs/components/Sticky/Sticky.styles.js

@@ -1,6 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
     return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
 
@@ -30,7 +30,4 @@ var styles = {
 
 
 
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Sticky.styles.ts"],"names":["styles","wrapper","css","inner","fixed","stopped","container","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,eAAOC,YAAP;;;AAGD,GALY;AAMbC,EAAAA,KANa,mBAML;AACN,eAAOD,YAAP;;;;AAID,GAXY;;AAabE,EAAAA,KAba,mBAaL;AACN,eAAOF,YAAP;;;AAGD,GAjBY;;AAmBbG,EAAAA,OAnBa,qBAmBH;AACR,eAAOH,YAAP;;;AAGD,GAvBY;;AAyBbI,EAAAA,SAzBa,uBAyBD;AACV,eAAOJ,YAAP;;;;AAID,GA9BY,EAAf;;;AAiCO,IAAMK,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      display: flex;\r\n    `;\r\n  },\r\n  inner() {\r\n    return css`\r\n      display: flex;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  fixed() {\r\n    return css`\r\n      position: fixed;\r\n    `;\r\n  },\r\n\r\n  stopped() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      flex: auto;\r\n      width: 100%;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Sticky.styles.ts"],"names":["styles","wrapper","css","inner","fixed","stopped","container"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,OADiC,qBACvB;AACR,eAAOC,YAAP;;;AAGD,GALgC;AAMjCC,EAAAA,KANiC,mBAMzB;AACN,eAAOD,YAAP;;;;AAID,GAXgC;;AAajCE,EAAAA,KAbiC,mBAazB;AACN,eAAOF,YAAP;;;AAGD,GAjBgC;;AAmBjCG,EAAAA,OAnBiC,qBAmBvB;AACR,eAAOH,YAAP;;;AAGD,GAvBgC;;AAyBjCI,EAAAA,SAzBiC,uBAyBrB;AACV,eAAOJ,YAAP;;;;AAID,GA9BgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"]}

package/cjs/components/Sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Sticky';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Sticky';\n"]}

package/cjs/components/Switcher/Switcher.d.ts

@@ -4,14 +4,15 @@ import { ButtonSize } from '../Button';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type SwitcherSize = ButtonSize;
+declare type SwitcherItems = string | SwitcherItem;
 export interface SwitcherProps extends CommonProps {
     /**
      * Список строк или список элементов типа `{ label: string, value: string }`
      */
-    items: Array<string | SwitcherItem>;
+    items: SwitcherItems[];
     value?: string;
     onValueChange?: (value: string) => void;
-    label?: string;
+    caption?: string;
     error?: boolean;
     /** Размер */
     size?: SwitcherSize;
@@ -33,12 +34,13 @@ export declare class Switcher extends React.Component<SwitcherProps, SwitcherSta
             label: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
-        label: PropTypes.Requireable<string>;
+        caption: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
         onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
     state: SwitcherState;
     private theme;
+    private setRootNode;
     render(): JSX.Element;
     private renderMain;
     private selectItem;

package/cjs/components/Switcher/Switcher.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Switcher = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _Group = require("../Group");
@@ -9,9 +8,11 @@ var _Button = require("../Button");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _rootNode = require("../../lib/rootNode");
 
 var _Switcher = require("./Switcher.styles");
-var _switcherTheme = require("./switcherTheme");var
+var _switcherTheme = require("./switcherTheme");var _class, _class2, _temp;var
 
 
 
@@ -44,7 +45,9 @@ var _switcherTheme = require("./switcherTheme");var
 
 
 
-Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Switcher, _React$Component);function Switcher() {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.
+
+
+Switcher = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Switcher, _React$Component);function Switcher() {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.
 
 
 
@@ -68,7 +71,8 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       focusedIndex: null };_this.
 
 
-    theme = void 0;_this.
+
+
 
 
 
@@ -122,8 +126,8 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     };_this.
 
     _extractValuesFromItems = function () {
-      return _this.props.items.map(function (item) {var _this$_extractPropsFr =
-        _this._extractPropsFromItem(item),value = _this$_extractPropsFr.value;
+      return _this.props.items.map(function (item) {
+        var _this$_extractPropsFr = _this._extractPropsFromItem(item),value = _this$_extractPropsFr.value;
         return value;
       });
     };_this.
@@ -159,8 +163,8 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       }
 
       if ((0, _identifiers.isKeyEnter)(e)) {
-        if (_this.props.onValueChange) {var _this$_extractPropsFr2 =
-          _this._extractPropsFromItem(_this.props.items[focusedIndex]),_value = _this$_extractPropsFr2.value;
+        if (_this.props.onValueChange) {
+          var _this$_extractPropsFr2 = _this._extractPropsFromItem(_this.props.items[focusedIndex]),_value = _this$_extractPropsFr2.value;
           _this.selectItem(_value);
         }
         return;
@@ -172,8 +176,8 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       }
     };_this.
 
-    _handleFocus = function () {var
-      value = _this.props.value;
+    _handleFocus = function () {
+      var value = _this.props.value;
 
       var items = _this._extractValuesFromItems();
       var currentIndex = [].concat(items).indexOf(value);
@@ -187,8 +191,8 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     };_this.
 
     _renderItems = function () {
-      return _this.props.items.map(function (item, i) {var _this$_extractPropsFr3 =
-        _this._extractPropsFromItem(item),label = _this$_extractPropsFr3.label,value = _this$_extractPropsFr3.value;
+      return _this.props.items.map(function (item, i) {
+        var _this$_extractPropsFr3 = _this._extractPropsFromItem(item),label = _this$_extractPropsFr3.label,value = _this$_extractPropsFr3.value;
         var buttonProps = {
           checked: _this.props.value === value,
           visuallyFocused: _this.state.focusedIndex === i,
@@ -210,11 +214,11 @@ Switcher = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
     getLabelSizeClassName = function () {
       switch (_this.props.size) {
         case 'large':
-          return _Switcher.jsStyles.labelLarge(_this.theme);
+          return _Switcher.styles.captionLarge(_this.theme);
         case 'medium':
-          return _Switcher.jsStyles.labelMedium(_this.theme);
+          return _Switcher.styles.captionMedium(_this.theme);
         case 'small':
         default:
-          return _Switcher.jsStyles.labelSmall(_this.theme);}
+          return _Switcher.styles.captionSmall(_this.theme);}
 
-    };return _this;}var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _cn;var listClassName = (0, _classnames.default)((_cn = {}, _cn[_Switcher.jsStyles.error(this.theme)] = !!this.props.error, _cn));var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: _Switcher.jsStyles.input() };var lableClassName = (0, _classnames.default)(_Switcher.jsStyles.label(), this.getLabelSizeClassName());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", null, this.props.label ? /*#__PURE__*/_react.default.createElement("div", { className: lableClassName }, this.props.label) : null, /*#__PURE__*/_react.default.createElement("div", { className: _Switcher.jsStyles.wrap() }, /*#__PURE__*/_react.default.createElement("input", inputProps), /*#__PURE__*/_react.default.createElement("div", { className: listClassName }, /*#__PURE__*/_react.default.createElement(_Group.Group, null, this._renderItems())))));};return Switcher;}(_react.default.Component);exports.Switcher = Switcher;Switcher.__KONTUR_REACT_UI__ = 'Switcher';Switcher.propTypes = { error: _propTypes.default.bool, disabled: _propTypes.default.bool, items: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({ label: _propTypes.default.string, value: _propTypes.default.string }))]).isRequired, label: _propTypes.default.string, value: _propTypes.default.string, onValueChange: _propTypes.default.func };
+    };return _this;}var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _cx;var listClassName = (0, _Emotion.cx)((_cx = {}, _cx[_Switcher.styles.error(this.theme)] = !!this.props.error, _cx));var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: _Switcher.styles.input() };var captionClassName = (0, _Emotion.cx)(_Switcher.styles.caption(this.theme), this.getLabelSizeClassName());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { className: _Switcher.styles.root() }, this.props.caption ? /*#__PURE__*/_react.default.createElement("div", { className: captionClassName }, this.props.caption) : null, /*#__PURE__*/_react.default.createElement("div", { className: _Switcher.styles.wrap() }, /*#__PURE__*/_react.default.createElement("input", inputProps), /*#__PURE__*/_react.default.createElement("div", { className: listClassName }, /*#__PURE__*/_react.default.createElement(_Group.Group, null, this._renderItems())))));};return Switcher;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Switcher', _class2.propTypes = { error: _propTypes.default.bool, disabled: _propTypes.default.bool, items: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({ label: _propTypes.default.string, value: _propTypes.default.string }))]).isRequired, caption: _propTypes.default.string, value: _propTypes.default.string, onValueChange: _propTypes.default.func }, _temp)) || _class;exports.Switcher = Switcher;