@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SpinnerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,IAAIJ,YAAJ,CAAgC;AACjEG,EAAAA,KAAK,EAALA,KADiE;AAEjED,EAAAA,KAAK,EAALA,KAFiE,EAAhC,CAA5B","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":["LocaleHelper","componentsLocales","en_GB","ru_RU","SpinnerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,IAAIJ,YAAJ,CAAgC;AACjEG,EAAAA,KAAK,EAALA,KADiE;AAEjED,EAAAA,KAAK,EAALA,KAFiE,EAAhC,CAA5B","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/components/Spinner/locale/index/package.json

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

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

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

package/components/Spinner/locale/locales/en/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\..\\cjs\\components\\Spinner\\locale\\locales\\en.js",
+  "main": "../../../../../cjs/components/Spinner/locale/locales/en.js",
   "module": "en",
-  "types": "..\\en.d.ts",
+  "types": "../en.d.ts",
   "sideEffects": false
 }

package/components/Spinner/locale/locales/ru/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\..\\cjs\\components\\Spinner\\locale\\locales\\ru.js",
+  "main": "../../../../../cjs/components/Spinner/locale/locales/ru.js",
   "module": "ru",
-  "types": "..\\ru.d.ts",
+  "types": "../ru.d.ts",
   "sideEffects": false
 }

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

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

package/components/Spinner/locale/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\..\\cjs\\components\\Spinner\\locale\\index.js",
+  "main": "../../../cjs/components/Spinner/locale/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/components/Spinner/locale/types/package.json

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

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

@@ -0,0 +1 @@
+export {};

package/components/Spinner/package.json

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

package/components/Sticky/Sticky/Sticky.js

@@ -1,16 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import shallowEqual from 'shallowequal';
-import cn from 'classnames';
-import * as LayoutEvents from "..\\..\\..\\lib\\LayoutEvents";
-import { isFunction } from "..\\..\\..\\lib\\utils";
-import { ZIndex } from "..\\..\\..\\internal\\ZIndex";
-import { jsStyles } from "..\\Sticky.styles";
+import * as LayoutEvents from "../../../lib/LayoutEvents";
+import { isFunction } from "../../../lib/utils";
+import { ZIndex } from "../../../internal/ZIndex";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../Sticky.styles";
 var MAX_REFLOW_RETRIES = 5;
-export var Sticky =
-/*#__PURE__*/
-function (_React$Component) {
+export var Sticky = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Sticky, _React$Component);
 
   function Sticky() {
@@ -27,8 +31,6 @@ function (_React$Component) {
       stopped: false,
       relativeTop: 0
     };
-    _this.wrapper = void 0;
-    _this.inner = void 0;
     _this.layoutSubscription = {
       remove: null
     };
@@ -73,7 +75,7 @@ function (_React$Component) {
           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 fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;
 
       _this.setState({
         fixed: fixed,
@@ -99,7 +101,7 @@ function (_React$Component) {
 
           if (side === 'top') {
             stopped = stopRect.top - outerHeight < 0;
-            relativeTop = stopRect.top - height - top;
+            relativeTop = stopRect.top - prevHeight - top;
           } else {
             stopped = stopRect.bottom + outerHeight > windowHeight;
             relativeTop = stopRect.bottom - top;
@@ -143,7 +145,7 @@ function (_React$Component) {
   };
 
   _proto.render = function render() {
-    var _cn;
+    var _cx;
 
     var children = this.props.children;
     var _this$props2 = this.props,
@@ -174,41 +176,41 @@ function (_React$Component) {
       children = children(fixed);
     }
 
-    return React.createElement("div", {
-      ref: this.refWrapper
-    }, React.createElement(ZIndex, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      ref: this.refWrapper,
+      className: styles.wrapper()
+    }, /*#__PURE__*/React.createElement(ZIndex, {
       priority: "Sticky",
       applyZIndex: fixed,
-      className: cn(jsStyles.inner(), (_cn = {}, _cn[jsStyles.fixed()] = fixed && !stopped, _cn[jsStyles.stopped()] = stopped, _cn)),
+      className: cx(styles.inner(), (_cx = {}, _cx[styles.fixed()] = fixed && !stopped, _cx[styles.stopped()] = stopped, _cx)),
       style: innerStyle,
       wrapperRef: this.refInner
-    }, React.createElement("div", {
-      className: jsStyles.container()
-    }, children)), fixed && !stopped ? React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.container()
+    }, children)), fixed && !stopped ? /*#__PURE__*/React.createElement("div", {
       style: {
         width: width,
         height: height
       }
-    }) : null);
+    }) : null));
   };
 
   return Sticky;
-}(React.Component);
-Sticky.__KONTUR_REACT_UI__ = 'Sticky';
-Sticky.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Sticky', _class2.propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
 
-  /**
-   * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-   */
+  /**
+  * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+  */
   getStop: PropTypes.func,
 
-  /**
-   * Отступ от границы в пикселях
-   */
+  /**
+  * Отступ от границы в пикселях
+  */
   offset: PropTypes.number,
   side: PropTypes.oneOf(['top', 'bottom']).isRequired
-};
-Sticky.defaultProps = {
+}, _class2.defaultProps = {
   offset: 0
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Sticky.tsx"],"names":["React","PropTypes","shallowEqual","cn","LayoutEvents","isFunction","ZIndex","jsStyles","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","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","container","Component","__KONTUR_REACT_UI__","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\n\r\nimport { jsStyles } from './Sticky.styles';\r\n\r\nconst MAX_REFLOW_RETRIES = 5;\r\n\r\nexport interface StickyProps {\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      <div ref={this.refWrapper}>\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    );\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 - height - 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":["React","PropTypes","shallowEqual","LayoutEvents","isFunction","ZIndex","CommonWrapper","cx","rootNode","styles","MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","Math","floor","setState","stop","stopRect","outerHeight","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","setRootNode","container","Component","__KONTUR_REACT_UI__","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';\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  private 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 } = this.wrapper.getBoundingClientRect();\n    const { width, height } = this.inner.getBoundingClientRect();\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 = stop.getBoundingClientRect();\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/components/Sticky/Sticky/package.json

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

package/components/Sticky/Sticky.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Nullable } from '../../typings/utility-types';
-export interface StickyProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface StickyProps extends CommonProps {
     side: 'top' | 'bottom';
     /**
      * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии
@@ -42,6 +43,7 @@ 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;

package/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/components/Sticky/Sticky.styles/Sticky.styles.js

@@ -1,58 +1,22 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      flex: auto;\n      width: 100%;\n    "]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "..\\..\\..\\lib\\theming\\Emotion";
-var styles = {
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "])));
+  },
   inner: function inner() {
-    return css(_templateObject());
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n    "])));
   },
   fixed: function fixed() {
-    return css(_templateObject2());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "])));
   },
   stopped: function stopped() {
-    return css(_templateObject3());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   },
   container: function container() {
-    return css(_templateObject4());
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      flex: auto;\n      width: 100%;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Sticky.styles.ts"],"names":["css","memoizeStyle","styles","inner","fixed","stopped","container","jsStyles"],"mappings":"yzBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,KAPa,mBAOL;AACN,WAAOJ,GAAP;;;AAGD,GAXY;;AAabK,EAAAA,OAba,qBAaH;AACR,WAAOL,GAAP;;;AAGD,GAjBY;;AAmBbM,EAAAA,SAnBa,uBAmBD;AACV,WAAON,GAAP;;;;AAID,GAxBY,EAAf;;;AA2BA,OAAO,IAAMO,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  inner() {\r\n    return css`\r\n      display: flex;\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":["css","memoizeStyle","styles","wrapper","inner","fixed","stopped","container"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;AAGD,GALgC;AAMjCI,EAAAA,KANiC,mBAMzB;AACN,WAAOJ,GAAP;;;;AAID,GAXgC;;AAajCK,EAAAA,KAbiC,mBAazB;AACN,WAAOL,GAAP;;;AAGD,GAjBgC;;AAmBjCM,EAAAA,OAnBiC,qBAmBvB;AACR,WAAON,GAAP;;;AAGD,GAvBgC;;AAyBjCO,EAAAA,SAzBiC,uBAyBrB;AACV,WAAOP,GAAP;;;;AAID,GA9BgC,EAAD,CAA3B","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/components/Sticky/Sticky.styles/package.json

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

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

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

package/components/Sticky/index/index.js

@@ -1 +1 @@
-export * from "..\\Sticky";
+export * from "../Sticky";

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

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

package/components/Sticky/index/package.json

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

package/components/Sticky/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\cjs\\components\\Sticky\\index.js",
+  "main": "../../cjs/components/Sticky/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/components/Switcher/Switcher/Switcher.js

@@ -1,16 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from "..\\..\\..\\lib\\events\\keyboard\\identifiers";
-import { Group } from "..\\..\\Group";
-import { Button } from "..\\..\\Button";
-import { ThemeContext } from "..\\..\\..\\lib\\theming\\ThemeContext";
-import { jsStyles } from "..\\Switcher.styles";
-export var Switcher =
-/*#__PURE__*/
-function (_React$Component) {
+import { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
+import { Group } from "../../Group";
+import { Button } from "../../Button";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { styles } from "../Switcher.styles";
+import { getSwitcherTheme } from "../switcherTheme";
+export var Switcher = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Switcher, _React$Component);
 
   function Switcher() {
@@ -24,7 +28,6 @@ function (_React$Component) {
     _this.state = {
       focusedIndex: null
     };
-    _this.theme = void 0;
 
     _this.selectItem = function (value) {
       if (_this.props.onValueChange) {
@@ -131,14 +134,29 @@ function (_React$Component) {
             _this.selectItem(value);
           },
           disableFocus: true,
-          size: _this.props.size
+          size: _this.props.size,
+          disabled: _this.props.disabled
         };
-        return React.createElement(Button, _extends({
+        return /*#__PURE__*/React.createElement(Button, _extends({
           key: value
         }, buttonProps), label);
       });
     };
 
+    _this.getLabelSizeClassName = function () {
+      switch (_this.props.size) {
+        case 'large':
+          return styles.captionLarge(_this.theme);
+
+        case 'medium':
+          return styles.captionMedium(_this.theme);
+
+        case 'small':
+        default:
+          return styles.captionSmall(_this.theme);
+      }
+    };
+
     return _this;
   }
 
@@ -147,42 +165,48 @@ function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getSwitcherTheme(theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _cn;
+    var _cx;
 
-    var listClassName = cn((_cn = {}, _cn[jsStyles.error(this.theme)] = !!this.props.error, _cn));
+    var listClassName = cx((_cx = {}, _cx[styles.error(this.theme)] = !!this.props.error, _cx));
     var inputProps = {
       type: 'checkbox',
       onKeyDown: this.handleKey,
       onFocus: this._handleFocus,
       onBlur: this._handleBlur,
-      className: jsStyles.input()
+      className: styles.input()
     };
-    return React.createElement("div", null, this.props.label ? React.createElement("div", {
-      className: jsStyles.label()
-    }, this.props.label) : null, React.createElement("div", {
-      className: jsStyles.wrap()
-    }, React.createElement("input", inputProps), React.createElement("div", {
+    var captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement("div", {
+      className: styles.root()
+    }, this.props.caption ? /*#__PURE__*/React.createElement("div", {
+      className: captionClassName
+    }, this.props.caption) : null, /*#__PURE__*/React.createElement("div", {
+      className: styles.wrap()
+    }, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", {
       className: listClassName
-    }, React.createElement(Group, null, this._renderItems()))));
+    }, /*#__PURE__*/React.createElement(Group, null, this._renderItems())))));
   };
 
   return Switcher;
-}(React.Component);
-Switcher.__KONTUR_REACT_UI__ = 'Switcher';
-Switcher.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Switcher', _class2.propTypes = {
   error: PropTypes.bool,
+  disabled: PropTypes.bool,
   items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     value: PropTypes.string
   }))]).isRequired,
-  label: PropTypes.string,
+  caption: PropTypes.string,
   value: PropTypes.string,
   onValueChange: PropTypes.func
-};
+}, _temp)) || _class;