@skbkontur/react-ui 3.9.3 → 3.10.0-beta.1

package/components/RadioGroup/RadioGroup/RadioGroup.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 
+var _class, _class2, _temp;
+
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it;
 
@@ -55,9 +57,21 @@ import { FocusTrap } from "../../../internal/FocusTrap";
 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 "../RadioGroup.styles";
 import { Prevent } from "../Prevent";
-export var RadioGroup = /*#__PURE__*/function (_React$Component) {
+import { RadioGroupContext } from "../RadioGroupContext";
+export
+/**
+*
+* `children` может содержать любую разметку с компонентами Radio,
+* если не передан параметр `items`.
+* Каждому компоненту Radio нужно указать параметр `value`, такого же типа
+* как и параметр `value` самой радиогруппы.
+*
+* Значения активного элемента сравниваются по строгому равенству `===`
+*/
+var RadioGroup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(RadioGroup, _React$Component);
 
   function RadioGroup(props) {
@@ -68,6 +82,18 @@ export var RadioGroup = /*#__PURE__*/function (_React$Component) {
     _this.node = void 0;
     _this.name = getRandomID();
     _this.getProps = createPropsGetter(RadioGroup.defaultProps);
+    _this.setRootNode = void 0;
+
+    _this.getRadioGroupContextValue = function () {
+      return {
+        activeItem: _this.getValue(),
+        onSelect: _this.handleSelect,
+        name: _this.getName(),
+        disabled: _this.props.disabled,
+        error: _this.props.error,
+        warning: _this.props.warning
+      };
+    };
 
     _this.getValue = function () {
       return _this.isControlled() ? _this.props.value : _this.state.activeItem;
@@ -117,17 +143,6 @@ export var RadioGroup = /*#__PURE__*/function (_React$Component) {
 
   var _proto = RadioGroup.prototype;
 
-  _proto.getChildContext = function getChildContext() {
-    return {
-      activeItem: this.getValue(),
-      onSelect: this.handleSelect,
-      name: this.getName(),
-      disabled: this.props.disabled,
-      error: this.props.error,
-      warning: this.props.warning
-    };
-  };
-
   _proto.render = function render() {
     var _this2 = this;
 
@@ -152,13 +167,17 @@ export var RadioGroup = /*#__PURE__*/function (_React$Component) {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
     };
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(FocusTrap, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(FocusTrap, {
       onBlur: onBlur
     }, /*#__PURE__*/React.createElement("span", _extends({
       ref: this.ref,
       style: style,
       className: styles.root()
-    }, handlers), this.renderChildren())));
+    }, handlers), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+      value: this.getRadioGroupContextValue()
+    }, this.renderChildren()))));
   }
   /**
   * @public
@@ -192,17 +211,7 @@ export var RadioGroup = /*#__PURE__*/function (_React$Component) {
   };
 
   return RadioGroup;
-}(React.Component);
-RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';
-RadioGroup.childContextTypes = {
-  error: PropTypes.bool,
-  name: PropTypes.string,
-  warning: PropTypes.bool,
-  disabled: PropTypes.bool,
-  activeItem: PropTypes.any,
-  onSelect: PropTypes.func
-};
-RadioGroup.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'RadioGroup', _class2.propTypes = {
   children: PropTypes.node,
   disabled: PropTypes.bool,
   error: PropTypes.bool,
@@ -214,11 +223,9 @@ RadioGroup.propTypes = {
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func
-};
-RadioGroup.defaultProps = {
+}, _class2.defaultProps = {
   renderItem: renderItem
-};
-RadioGroup.Prevent = Prevent;
+}, _class2.Prevent = Prevent, _temp)) || _class;
 
 function renderItem(_value, data) {
   return data;

package/components/RadioGroup/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioGroup.tsx"],"names":["React","PropTypes","invariant","getRandomID","Radio","createPropsGetter","FocusTrap","ThemeContext","CommonWrapper","cx","styles","Prevent","RadioGroup","props","theme","node","name","getProps","defaultProps","getValue","isControlled","value","state","activeItem","getName","handleSelect","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","className","item","itemFirst","itemInline","inline","renderItem","ref","element","defaultValue","getChildContext","onSelect","disabled","error","warning","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","style","handlers","root","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","childContextTypes","bool","string","any","func","propTypes","oneOfType","number","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport { getRandomID } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /**\n   * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n   * или значений из параметра `items`\n   */\n  defaultValue?: T;\n  /**\n   * Значение радиогруппы. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать, как неконтроллируемый\n   */\n  value?: T;\n  /**\n   * Может быть использовано, если не передан параметр `children`\n   *\n   * Массив параметров радиокнопок. Может быть типа `Array<Value>` или\n   * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\n   * — значение которое будет использовано вторым параметром в `renderItem`.\n   * Если тип `items: Array<Value>`, то он будет приведен к типу\n   * `Array<[Value, Value]>`\n   */\n  items?: T[] | [T, React.ReactNode][];\n  /**\n   * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n   * случайное имя\n   */\n  name?: string;\n  /**\n   * Дизейблит все радиокнопки\n   */\n  disabled?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: предупреждение.\n   */\n  warning?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: ошибка.\n   */\n  error?: boolean;\n  /**\n   * Выравнивает элементы в строку. Не работает с `children`\n   */\n  inline?: boolean;\n  /**\n   * Ширина радиогруппы. Не работает с `children`\n   */\n  width?: React.CSSProperties['width'];\n  /**\n   * Метод отрисовки контента радиокнопки. Не работает с `children`.\n   *\n   * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n   */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onMouseLeave?: () => any;\n  onMouseOver?: () => any;\n  onMouseEnter?: () => any;\n  /**\n   * Может быть использовано, если не передан параметр `items`\n   *\n   * `children` может содержать любую разметку с компонентами Radio.\n   * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n   * как и параметр `value` самой радиогруппы.\n   *\n   * Значения активного элемента сравниваются по строгому равенству `===`\n   */\n  children?: React.ReactNode;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n\n  public static childContextTypes = {\n    error: PropTypes.bool,\n    name: PropTypes.string,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n    activeItem: PropTypes.any,\n    onSelect: PropTypes.func,\n  };\n\n  public static propTypes = {\n    children: PropTypes.node,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inline: PropTypes.bool,\n    name: PropTypes.string,\n    warning: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private theme!: Theme;\n\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  public getChildContext() {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur } = this.props;\n    const style = {\n      width: width != null ? width : 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <FocusTrap onBlur={onBlur}>\n          <span ref={this.ref} style={style} className={styles.root()} {...handlers}>\n            {this.renderChildren()}\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => this.props.value != null;\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,\n      className: cx({\n        [styles.item(this.theme)]: true,\n        [styles.itemFirst()]: index === 0,\n        [styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps}>\n        <Radio value={itemValue}>{this.getProps().renderItem<T>(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | [T, React.ReactNode][],\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry];\n  }\n  return entry;\n}\n"]}
+{"version":3,"sources":["RadioGroup.tsx"],"names":["React","PropTypes","invariant","getRandomID","Radio","createPropsGetter","FocusTrap","ThemeContext","CommonWrapper","cx","rootNode","styles","Prevent","RadioGroupContext","RadioGroup","props","theme","node","name","getProps","defaultProps","setRootNode","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","className","item","itemFirst","itemInline","inline","renderItem","ref","element","defaultValue","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","style","handlers","root","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","number","func","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"kzCAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,WAAtB;;AAEA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,SAAT,QAA0B,0BAA1B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,iBAAT,QAAyD,qBAAzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,OAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,IAAaC,UAAb,GADCJ,QACD;;;;;;;;;;;;;;;;;;;;;;AA8BE,sBAAYK,KAAZ,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAP/BC,KAO+B,gBAL/BC,IAK+B,gBAJ/BC,IAI+B,GAJxBf,WAAW,EAIa,OAH/BgB,QAG+B,GAHpBd,iBAAiB,CAACS,UAAU,CAACM,YAAZ,CAGG,OAF/BC,WAE+B;;;;;;;AAQ/BC,IAAAA,yBAR+B,GAQH,YAAgC;AAClE,aAAO;AACLC,QAAAA,UAAU,EAAE,MAAKC,QAAL,EADP;AAELC,QAAAA,QAAQ,EAAE,MAAKC,YAFV;AAGLR,QAAAA,IAAI,EAAE,MAAKS,OAAL,EAHD;AAILC,QAAAA,QAAQ,EAAE,MAAKb,KAAL,CAAWa,QAJhB;AAKLC,QAAAA,KAAK,EAAE,MAAKd,KAAL,CAAWc,KALb;AAMLC,QAAAA,OAAO,EAAE,MAAKf,KAAL,CAAWe,OANf,EAAP;;AAQD,KAjBsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2E/BN,IAAAA,QA3E+B,GA2EpB,oBAAO,MAAKO,YAAL,KAAsB,MAAKhB,KAAL,CAAWiB,KAAjC,GAAyC,MAAKC,KAAL,CAAWV,UAA3D,EA3EoB;;AA6E/BI,IAAAA,OA7E+B,GA6ErB,oBAAM,MAAKZ,KAAL,CAAWG,IAAX,IAAmB,MAAKA,IAA9B,EA7EqB;;AA+E/Ba,IAAAA,YA/E+B,GA+EhB,oBAAM,MAAKhB,KAAL,CAAWiB,KAAX,IAAoB,IAA1B,EA/EgB;;AAiF/BN,IAAAA,YAjF+B,GAiFhB,UAACM,KAAD,EAAc;AACnC,UAAI,CAAC,MAAKD,YAAL,EAAL,EAA0B;AACxB,cAAKG,QAAL,CAAc,EAAEX,UAAU,EAAES,KAAd,EAAd;AACD;AACD,UAAI,MAAKjB,KAAL,CAAWoB,aAAf,EAA8B;AAC5B,cAAKpB,KAAL,CAAWoB,aAAX,CAAyBH,KAAzB;AACD;AACF,KAxFsC;;;;;;;;AAgG/BI,IAAAA,WAhG+B,GAgGjB,UAACC,SAAD,EAAeC,IAAf,EAAsCC,KAAtC,EAAqE;AACzF,UAAMC,SAAS,GAAG;AAChBC,QAAAA,GAAG,EAAE,OAAOJ,SAAP,KAAqB,QAArB,IAAiC,OAAOA,SAAP,KAAqB,QAAtD,GAAiEA,SAAjE,GAA6EE,KADlE;AAEhBG,QAAAA,SAAS,EAAEjC,EAAE;AACVE,QAAAA,MAAM,CAACgC,IAAP,CAAY,MAAK3B,KAAjB,CADU,IACgB,IADhB;AAEVL,QAAAA,MAAM,CAACiC,SAAP,EAFU,IAEWL,KAAK,KAAK,CAFrB;AAGV5B,QAAAA,MAAM,CAACkC,UAAP,EAHU,IAGY,CAAC,CAAC,MAAK9B,KAAL,CAAW+B,MAHzB,OAFG,EAAlB;;;;AASA;AACE,oCAAUN,SAAV;AACE,4BAAC,KAAD,IAAO,KAAK,EAAEH,SAAd,IAA0B,MAAKlB,QAAL,GAAgB4B,UAAhB,CAA8BV,SAA9B,EAAyCC,IAAzC,CAA1B,CADF,CADF;;;AAKD,KA/GsC;;AAiH/BU,IAAAA,GAjH+B,GAiHzB,UAACC,OAAD,EAA8B;AAC1C,YAAKhC,IAAL,GAAYgC,OAAZ;AACD,KAnHsC,CAGrC,MAAKhB,KAAL,GAAa,EACXV,UAAU,EAAE,MAAKR,KAAL,CAAWmC,YADZ,EAAb,CAHqC,aAMtC,CApCH,yCAiDSC,MAjDT,GAiDE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACnC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACoC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CA1DH,QA4DSA,UA5DT,GA4DE,sBAAoB,mBACiD,KAAKrC,KADtD,CACVsC,KADU,eACVA,KADU,CACHC,YADG,eACHA,YADG,CACWC,WADX,eACWA,WADX,CACwBC,YADxB,eACwBA,YADxB,CACsCC,MADtC,eACsCA,MADtC,CAElB,IAAMC,KAAK,GAAG,EACZL,KAAK,EAAEA,KAAK,IAAI,IAAT,GAAgBA,KAAhB,GAAwB,MADnB,EAAd,CAGA,IAAMM,QAAQ,GAAG,EACfJ,WAAW,EAAXA,WADe,EAEfC,YAAY,EAAZA,YAFe,EAGfF,YAAY,EAAZA,YAHe,EAAjB,CAMA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKjC,WAAjC,IAAkD,KAAKN,KAAvD,gBACE,oBAAC,SAAD,IAAW,MAAM,EAAE0C,MAAnB,iBACE,uCAAM,GAAG,EAAE,KAAKT,GAAhB,EAAqB,KAAK,EAAEU,KAA5B,EAAmC,SAAS,EAAE/C,MAAM,CAACiD,IAAP,EAA9C,IAAiED,QAAjE,gBACE,oBAAC,iBAAD,CAAmB,QAAnB,IAA4B,KAAK,EAAE,KAAKrC,yBAAL,EAAnC,IACG,KAAKuC,cAAL,EADH,CADF,CADF,CADF,CADF,CAWD,CAlFH,CAoFE;AACF;AACA,KAtFA,QAuFSC,KAvFT,GAuFE,iBAAe,CACb,IAAM7C,IAAI,GAAG,KAAKA,IAAlB,CACA,IAAI,CAACA,IAAL,EAAW,CACT,OACD,CAED,IAAI8C,KAAK,GAAG9C,IAAI,CAAC+C,aAAL,CAAmB,6BAAnB,CAAZ,CANa,CAQb;AACA,QAAI,CAACD,KAAD,IAAUA,KAAK,CAACnC,QAApB,EAA8B,CAC5BmC,KAAK,GAAG9C,IAAI,CAAC+C,aAAL,CAAmB,qCAAnB,CAAR,CACD,CAED,IAAID,KAAJ,EAAW,CACTA,KAAK,CAACD,KAAN,GACD,CACF,CAvGH,QAwHUD,cAxHV,GAwHE,0BAAyB,oBACK,KAAK9C,KADV,CACfkD,KADe,gBACfA,KADe,CACRC,QADQ,gBACRA,QADQ,CAEvBhE,SAAS,CAAE,CAAC+D,KAAD,IAAUC,QAAX,IAAyBD,KAAK,IAAI,CAACC,QAApC,EAA+C,mDAA/C,CAAT,CACA,OAAOD,KAAK,GAAGE,QAAQ,CAAI,KAAK/B,WAAT,EAAsB6B,KAAtB,CAAX,GAA0CC,QAAtD,CACD,CA5HH,qBAAmClE,KAAK,CAACoE,SAAzC,WACgBC,mBADhB,GACsC,YADtC,UAGgBC,SAHhB,GAG4B,EACxBJ,QAAQ,EAAEjE,SAAS,CAACgB,IADI,EAExBW,QAAQ,EAAE3B,SAAS,CAACsE,IAFI,EAGxB1C,KAAK,EAAE5B,SAAS,CAACsE,IAHO,EAIxBzB,MAAM,EAAE7C,SAAS,CAACsE,IAJM,EAKxBrD,IAAI,EAAEjB,SAAS,CAACuE,MALQ,EAMxB1C,OAAO,EAAE7B,SAAS,CAACsE,IANK,EAOxBlB,KAAK,EAAEpD,SAAS,CAACwE,SAAV,CAAoB,CAACxE,SAAS,CAACyE,MAAX,EAAmBzE,SAAS,CAACuE,MAA7B,CAApB,CAPiB,EAQxBf,MAAM,EAAExD,SAAS,CAAC0E,IARM,EASxBnB,YAAY,EAAEvD,SAAS,CAAC0E,IATA,EAUxBrB,YAAY,EAAErD,SAAS,CAAC0E,IAVA,EAWxBpB,WAAW,EAAEtD,SAAS,CAAC0E,IAXC,EAH5B,UAiBgBvD,YAjBhB,GAiB+B,EAC3B2B,UAAU,EAAVA,UAD2B,EAjB/B,UAqBgBnC,OArBhB,GAqB0BA,OArB1B,oBAoJA,SAASmC,UAAT,CAAuB6B,MAAvB,EAAkCtC,IAAlC,EAAyD;AACvD,SAAOA,IAAP;AACD;;AAED,SAAS6B,QAAT;AACEU,EADF;AAEEZ,KAFF;AAGE;AACA,MAAMa,MAAyB,GAAG,EAAlC;AACA,MAAIvC,KAAK,GAAG,CAAZ;AACA,uDAAoB0B,KAApB,wCAA2B,KAAhBc,KAAgB;AACHC,IAAAA,cAAc,CAAID,KAAJ,CADX,CAClB/C,OADkB,sBACXM,KADW;AAEzBwC,IAAAA,MAAM,CAACG,IAAP,CAAYJ,EAAE,CAAC7C,OAAD,EAAQM,KAAR,EAAcC,KAAd,CAAd;AACA,MAAEA,KAAF;AACD;AACD,SAAOuC,MAAP;AACD;;AAED,SAASE,cAAT,CAA2BD,KAA3B,EAAkF;AAChF,MAAI,CAACG,KAAK,CAACC,OAAN,CAAcJ,KAAd,CAAL,EAA2B;AACzB,WAAO,CAACA,KAAD,EAAQA,KAAR,CAAP;AACD;AACD,SAAOA,KAAP;AACD","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport { getRandomID } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport { RadioGroupContext, RadioGroupContextType } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /**\n   * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n   * или значений из параметра `items`\n   */\n  defaultValue?: T;\n  /**\n   * Значение радиогруппы. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать, как неконтроллируемый\n   */\n  value?: T;\n  /**\n   * Может быть использовано, если не передан параметр `children`\n   *\n   * Массив параметров радиокнопок. Может быть типа `Array<Value>` или\n   * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\n   * — значение которое будет использовано вторым параметром в `renderItem`.\n   * Если тип `items: Array<Value>`, то он будет приведен к типу\n   * `Array<[Value, Value]>`\n   */\n  items?: T[] | [T, React.ReactNode][];\n  /**\n   * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n   * случайное имя\n   */\n  name?: string;\n  /**\n   * Дизейблит все радиокнопки\n   */\n  disabled?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: предупреждение.\n   */\n  warning?: boolean;\n  /**\n   * Переводит все радиокнопки в состояние валидации: ошибка.\n   */\n  error?: boolean;\n  /**\n   * Выравнивает элементы в строку. Не работает с `children`\n   */\n  inline?: boolean;\n  /**\n   * Ширина радиогруппы. Не работает с `children`\n   */\n  width?: React.CSSProperties['width'];\n  /**\n   * Метод отрисовки контента радиокнопки. Не работает с `children`.\n   *\n   * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n   */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n  onBlur?: (event: FocusEvent) => void;\n  onMouseLeave?: () => any;\n  onMouseOver?: () => any;\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\n/**\n *\n * `children` может содержать любую разметку с компонентами Radio,\n * если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n * как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`\n */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n\n  public static propTypes = {\n    children: PropTypes.node,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inline: PropTypes.bool,\n    name: PropTypes.string,\n    warning: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private theme!: Theme;\n\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur } = this.props;\n    const style = {\n      width: width != null ? width : 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusTrap onBlur={onBlur}>\n          <span ref={this.ref} style={style} className={styles.root()} {...handlers}>\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => this.props.value != null;\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,\n      className: cx({\n        [styles.item(this.theme)]: true,\n        [styles.itemFirst()]: index === 0,\n        [styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps}>\n        <Radio value={itemValue}>{this.getProps().renderItem<T>(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | [T, React.ReactNode][],\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry];\n  }\n  return entry;\n}\n"]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,132 +1,117 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Prevent } from './Prevent';
-export interface RadioGroupProps<T = string | number> extends CommonProps {
-    /**
-     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-     * или значений из параметра `items`
-     */
-    defaultValue?: T;
-    /**
-     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтроллируемый
-     */
-    value?: T;
-    /**
-     * Может быть использовано, если не передан параметр `children`
-     *
-     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-     * — значение которое будет использовано вторым параметром в `renderItem`.
-     * Если тип `items: Array<Value>`, то он будет приведен к типу
-     * `Array<[Value, Value]>`
-     */
-    items?: T[] | [T, React.ReactNode][];
-    /**
-     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-     * случайное имя
-     */
-    name?: string;
-    /**
-     * Дизейблит все радиокнопки
-     */
-    disabled?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: предупреждение.
-     */
-    warning?: boolean;
-    /**
-     * Переводит все радиокнопки в состояние валидации: ошибка.
-     */
-    error?: boolean;
-    /**
-     * Выравнивает элементы в строку. Не работает с `children`
-     */
-    inline?: boolean;
-    /**
-     * Ширина радиогруппы. Не работает с `children`
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * Метод отрисовки контента радиокнопки. Не работает с `children`.
-     *
-     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-     */
-    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    /** Вызывается при изменении `value` */
-    onValueChange?: (value: T) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onMouseLeave?: () => any;
-    onMouseOver?: () => any;
-    onMouseEnter?: () => any;
-    /**
-     * Может быть использовано, если не передан параметр `items`
-     *
-     * `children` может содержать любую разметку с компонентами Radio.
-     * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-     * как и параметр `value` самой радиогруппы.
-     *
-     * Значения активного элемента сравниваются по строгому равенству `===`
-     */
-    children?: React.ReactNode;
-}
-export interface RadioGroupState<T> {
-    activeItem?: T;
-}
-export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static childContextTypes: {
-        error: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        activeItem: PropTypes.Requireable<any>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderItem: typeof renderItem;
-    };
-    static Prevent: typeof Prevent;
-    private theme;
-    private node;
-    private name;
-    private getProps;
-    constructor(props: RadioGroupProps<T>);
-    getChildContext(): {
-        activeItem: T | undefined;
-        onSelect: (value: T) => void;
-        name: string;
-        disabled: boolean | undefined;
-        error: boolean | undefined;
-        warning: boolean | undefined;
-    };
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    private getValue;
-    private getName;
-    private isControlled;
-    private handleSelect;
-    private renderChildren;
-    private renderRadio;
-    private ref;
-}
-declare function renderItem<T>(_value: T, data: React.ReactNode): React.ReactNode;
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Prevent } from './Prevent';
+export interface RadioGroupProps<T = string | number> extends CommonProps {
+    /**
+     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
+     * или значений из параметра `items`
+     */
+    defaultValue?: T;
+    /**
+     * Значение радиогруппы. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать, как неконтроллируемый
+     */
+    value?: T;
+    /**
+     * Может быть использовано, если не передан параметр `children`
+     *
+     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
+     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
+     * — значение которое будет использовано вторым параметром в `renderItem`.
+     * Если тип `items: Array<Value>`, то он будет приведен к типу
+     * `Array<[Value, Value]>`
+     */
+    items?: T[] | [T, React.ReactNode][];
+    /**
+     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
+     * случайное имя
+     */
+    name?: string;
+    /**
+     * Дизейблит все радиокнопки
+     */
+    disabled?: boolean;
+    /**
+     * Переводит все радиокнопки в состояние валидации: предупреждение.
+     */
+    warning?: boolean;
+    /**
+     * Переводит все радиокнопки в состояние валидации: ошибка.
+     */
+    error?: boolean;
+    /**
+     * Выравнивает элементы в строку. Не работает с `children`
+     */
+    inline?: boolean;
+    /**
+     * Ширина радиогруппы. Не работает с `children`
+     */
+    width?: React.CSSProperties['width'];
+    /**
+     * Метод отрисовки контента радиокнопки. Не работает с `children`.
+     *
+     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
+     */
+    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /** Вызывается при изменении `value` */
+    onValueChange?: (value: T) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onMouseLeave?: () => any;
+    onMouseOver?: () => any;
+    onMouseEnter?: () => any;
+}
+export interface RadioGroupState<T> {
+    activeItem?: T;
+}
+/**
+ *
+ * `children` может содержать любую разметку с компонентами Radio,
+ * если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
+ * как и параметр `value` самой радиогруппы.
+ *
+ * Значения активного элемента сравниваются по строгому равенству `===`
+ */
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        inline: PropTypes.Requireable<boolean>;
+        name: PropTypes.Requireable<string>;
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        renderItem: typeof renderItem;
+    };
+    static Prevent: typeof Prevent;
+    private theme;
+    private node;
+    private name;
+    private getProps;
+    private setRootNode;
+    constructor(props: RadioGroupProps<T>);
+    private getRadioGroupContextValue;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    private getValue;
+    private getName;
+    private isControlled;
+    private handleSelect;
+    private renderChildren;
+    private renderRadio;
+    private ref;
+}
+declare function renderItem<T>(_value: T, data: React.ReactNode): React.ReactNode;
+export {};

package/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    item(t: Theme): string;
-    itemFirst(): string;
-    itemInline(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    item(t: Theme): string;
+    itemFirst(): string;
+    itemInline(): string;
+};

package/components/RadioGroup/RadioGroupContext/RadioGroupContext.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export var RadioGroupContext = /*#__PURE__*/React.createContext({
+  activeItem: undefined,
+  onSelect: function onSelect() {
+    return undefined;
+  },
+  name: '',
+  disabled: undefined,
+  error: undefined,
+  warning: undefined
+});
+RadioGroupContext.displayName = 'RadioGroupContext';

package/components/RadioGroup/RadioGroupContext/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RadioGroupContext.tsx"],"names":["React","RadioGroupContext","createContext","activeItem","undefined","onSelect","name","disabled","error","warning","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;AAWA,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAN,CAAgD;AAC/EC,EAAAA,UAAU,EAAEC,SADmE;AAE/EC,EAAAA,QAAQ,EAAE,4BAAMD,SAAN,EAFqE;AAG/EE,EAAAA,IAAI,EAAE,EAHyE;AAI/EC,EAAAA,QAAQ,EAAEH,SAJqE;AAK/EI,EAAAA,KAAK,EAAEJ,SALwE;AAM/EK,EAAAA,OAAO,EAAEL,SANsE,EAAhD,CAA1B;;;AASPH,iBAAiB,CAACS,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React from 'react';\n\nexport interface RadioGroupContextType<T> {\n  activeItem: T | undefined;\n  onSelect: (value: T) => void;\n  name: string;\n  disabled: boolean | undefined;\n  error: boolean | undefined;\n  warning: boolean | undefined;\n}\n\nexport const RadioGroupContext = React.createContext<RadioGroupContextType<any>>({\n  activeItem: undefined,\n  onSelect: () => undefined,\n  name: '',\n  disabled: undefined,\n  error: undefined,\n  warning: undefined,\n});\n\nRadioGroupContext.displayName = 'RadioGroupContext';\n"]}

package/components/RadioGroup/RadioGroupContext/package.json

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

package/components/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RadioGroupContextType<T> {
+    activeItem: T | undefined;
+    onSelect: (value: T) => void;
+    name: string;
+    disabled: boolean | undefined;
+    error: boolean | undefined;
+    warning: boolean | undefined;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;

package/components/RadioGroup/index.d.ts

@@ -1 +1 @@
-export * from './RadioGroup';
+export * from './RadioGroup';

package/components/ScrollContainer/ScrollBar.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export declare type ScrollAxis = 'x' | 'y';
-export declare type ScrollBarScrollState = 'begin' | 'middle' | 'end';
-export interface ScrollBarState {
-    active: boolean;
-    hover: boolean;
-    scrolling: boolean;
-    size: number;
-    pos: number;
-    scrollState: ScrollBarScrollState;
-}
-export interface ScrollBarProps {
-    invert: boolean;
-    axis: ScrollAxis;
-    className?: string;
-    onScrollStateChange?: (state: ScrollBarScrollState, axis: ScrollAxis) => void;
-}
-export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
-    private inner;
-    private theme;
-    node: Nullable<HTMLElement>;
-    state: ScrollBarState;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-    private renderMain;
-    reflow: () => void;
-    setInnerElement: (inner: Nullable<HTMLElement>) => void;
-    setHover(hover: boolean): void;
-    get scrollBarState(): ScrollBarScrollState;
-    private get scrollBarStyles();
-    private refScroll;
-    private handleScrollMouseDown;
-    private handleScrollWheel;
-    private getImmediateScrollState;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export declare type ScrollAxis = 'x' | 'y';
+export declare type ScrollBarScrollState = 'begin' | 'middle' | 'end';
+export interface ScrollBarState {
+    active: boolean;
+    hover: boolean;
+    scrolling: boolean;
+    size: number;
+    pos: number;
+    scrollState: ScrollBarScrollState;
+}
+export interface ScrollBarProps {
+    invert: boolean;
+    axis: ScrollAxis;
+    className?: string;
+    onScrollStateChange?: (state: ScrollBarScrollState, axis: ScrollAxis) => void;
+}
+export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
+    private inner;
+    private theme;
+    node: Nullable<HTMLElement>;
+    state: ScrollBarState;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+    private renderMain;
+    reflow: () => void;
+    setInnerElement: (inner: Nullable<HTMLElement>) => void;
+    setHover(hover: boolean): void;
+    get scrollBarState(): ScrollBarScrollState;
+    private get scrollBarStyles();
+    private refScroll;
+    private handleScrollMouseDown;
+    private handleScrollWheel;
+    private getImmediateScrollState;
+}

package/components/ScrollContainer/ScrollContainer/ScrollContainer.js

@@ -1,14 +1,19 @@
+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 * as LayoutEvents from "../../../lib/LayoutEvents";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { styles, globalClasses } from "../ScrollContainer.styles";
 import { scrollSizeParametersNames } from "../ScrollContainer.constants";
 import { getScrollYOffset, convertScrollbarXScrollState, convertScrollbarYScrollState } from "../ScrollContainer.helpers";
 import { ScrollBar } from "../ScrollBar";
-export var ScrollContainer = /*#__PURE__*/function (_React$Component) {
+export var ScrollContainer = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ScrollContainer, _React$Component);
 
   function ScrollContainer() {
@@ -22,6 +27,7 @@ export var ScrollContainer = /*#__PURE__*/function (_React$Component) {
     _this.scrollX = void 0;
     _this.scrollY = void 0;
     _this.inner = void 0;
+    _this.setRootNode = void 0;
 
     _this.render = function () {
       var props = _this.props;
@@ -35,7 +41,9 @@ export var ScrollContainer = /*#__PURE__*/function (_React$Component) {
 
       var scrollbarX = _this.renderScrollbar('x');
 
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this.props, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this.setRootNode
+      }, _this.props), /*#__PURE__*/React.createElement("div", {
         className: styles.root(),
         onMouseMove: _this.handleMouseMove,
         onMouseLeave: _this.handleMouseLeave
@@ -249,18 +257,15 @@ export var ScrollContainer = /*#__PURE__*/function (_React$Component) {
   };
 
   return ScrollContainer;
-}(React.Component);
-ScrollContainer.__KONTUR_REACT_UI__ = 'ScrollContainer';
-ScrollContainer.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ScrollContainer', _class2.propTypes = {
   invert: PropTypes.bool,
   maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),
   preventWindowScroll: PropTypes.bool,
   onScrollStateChange: PropTypes.func
-};
-ScrollContainer.defaultProps = {
+}, _class2.defaultProps = {
   invert: false,
   scrollBehaviour: 'auto',
   preventWindowScroll: false
-};
+}, _temp)) || _class;