@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

package/cjs/components/Radio/Radio.md

@@ -1,14 +1,14 @@
-```jsx harmony
-import { Gapped, Radio } from '@skbkontur/react-ui';
-
-<Gapped gap={20}>
-  <Radio value="value" />
-  <Radio value="value" disabled />
-  <Radio value="value" disabled checked />
-  <Radio value="value" checked />
-  <Radio value="value" focused />
-  <Radio value="value" focused checked />
-  <Radio value="value" error />
-  <Radio value="value" warning />
-</Gapped>;
-```
+```jsx harmony
+import { Gapped, Radio } from '@skbkontur/react-ui';
+
+<Gapped gap={20}>
+  <Radio value="value" />
+  <Radio value="value" disabled />
+  <Radio value="value" disabled checked />
+  <Radio value="value" checked />
+  <Radio value="value" focused />
+  <Radio value="value" focused checked />
+  <Radio value="value" error />
+  <Radio value="value" warning />
+</Gapped>;
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["styles","root","t","css","radioPaddingY","after","radioOutlineWidth","radioSizeAfter","radio","radioSize","radioBorderWidthCompensation","radioMarginY","radioMarginX","radioBgImage","radioBorder","radioBoxShadow","radioVerticalAlign","disabled","radioHoverBg","radioHoverShadow","checked","radioCheckedHoverBgColor","radioActiveBg","radioActiveShadow","input","radioFocusShadow","radioBorderColorFocus","focus","warning","radioBorderColorWarning","error","radioBorderColorError","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","gray","bgDisabled","radioDisabledShadow","label","radioLabelDisplay","radioLineHeight","radioLabelGap","radioFontSize","labelDisabled","placeholder","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      cursor: pointer;\r\n      position: relative;\r\n      white-space: nowrap;\r\n      padding-top: ${t.radioPaddingY};\r\n      padding-bottom: ${t.radioPaddingY};\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  after(t: Theme) {\r\n    return css`\r\n      content: ' ';\r\n      position: absolute;\r\n      left: -${t.radioOutlineWidth};\r\n      top: -${t.radioOutlineWidth};\r\n      width: ${t.radioSizeAfter};\r\n      height: ${t.radioSizeAfter};\r\n      border-width: ${t.radioOutlineWidth};\r\n      border-style: solid;\r\n      border-radius: 50%;\r\n      box-sizing: border-box;\r\n    `;\r\n  },\r\n\r\n  radio(t: Theme) {\r\n    const radioSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginY = `calc(${t.radioMarginY} + ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginX = t.radioBorderWidthCompensation;\r\n    return css`\r\n      background-image: ${t.radioBgImage};\r\n      border-radius: 50%;\r\n      border: ${t.radioBorder};\r\n      box-shadow: ${t.radioBoxShadow};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      height: ${radioSize};\r\n      width: ${radioSize};\r\n      position: relative;\r\n      vertical-align: ${t.radioVerticalAlign};\r\n      margin: ${radioMarginY} ${radioMarginX};\r\n\r\n      ${cssName(styles.root(t))}:hover &:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioHoverBg};\r\n        box-shadow: ${t.radioHoverShadow};\r\n      }\r\n      ${cssName(styles.root(t))}:hover &${cssName(styles.checked(t))}:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioCheckedHoverBgColor};\r\n      }\r\n      ${cssName(styles.root(t))}:active & {\r\n        background: ${t.radioActiveBg};\r\n        box-shadow: ${t.radioActiveShadow};\r\n      }\r\n      ${cssName(styles.input())}:focus + &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n      &::after {\r\n        content: ' ';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      background-color: ${t.radioCheckedBgColor};\r\n      border-color: ${t.radioCheckedBorderColor} !important;\r\n\r\n      &::before {\r\n        content: ' ';\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        margin: auto;\r\n        height: ${t.radioBulletSize};\r\n        width: ${t.radioBulletSize};\r\n        border-radius: 50%;\r\n        background: ${t.radioCheckedBulletColor} !important;\r\n      }\r\n\r\n      ${cssName(styles.disabled(t))}&::before {\r\n        background: ${t.gray} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      display: inline-block;\r\n      height: 0;\r\n      opacity: 0;\r\n      position: absolute;\r\n      width: 0;\r\n      z-index: -1;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.bgDisabled} !important;\r\n      border-color: transparent !important;\r\n      box-shadow: ${t.radioDisabledShadow} !important;\r\n    `;\r\n  },\r\n\r\n  label(t: Theme) {\r\n    return css`\r\n      display: ${t.radioLabelDisplay};\r\n      line-height: ${t.radioLineHeight};\r\n      margin-left: ${t.radioLabelGap};\r\n      white-space: normal;\r\n      font-size: ${t.radioFontSize};\r\n    `;\r\n  },\r\n\r\n  labelDisabled() {\r\n    return css`\r\n      color: #a0a0a0;\r\n    `;\r\n  },\r\n\r\n  placeholder() {\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":["Radio.styles.ts"],"names":["styles","root","t","css","radioPaddingY","after","radioOutlineWidth","radioSizeAfter","radio","radioSize","radioBorderWidthCompensation","radioMarginY","radioMarginX","radioBgImage","radioBorder","radioBoxShadow","radioVerticalAlign","disabled","radioHoverBg","radioHoverShadow","checked","radioCheckedHoverBgColor","radioActiveBg","radioActiveShadow","input","radioFocusShadow","radioBorderColorFocus","focus","warning","radioBorderColorWarning","error","radioBorderColorError","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","gray","bgDisabled","radioDisabledShadow","label","radioLabelDisplay","radioLineHeight","radioLabelGap","radioFontSize","labelDisabled","placeholder","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ${t.radioPaddingY};\n      padding-bottom: ${t.radioPaddingY};\n      display: inline-block;\n    `;\n  },\n\n  after(t: Theme) {\n    return css`\n      content: ' ';\n      position: absolute;\n      left: -${t.radioOutlineWidth};\n      top: -${t.radioOutlineWidth};\n      width: ${t.radioSizeAfter};\n      height: ${t.radioSizeAfter};\n      border-width: ${t.radioOutlineWidth};\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    `;\n  },\n\n  radio(t: Theme) {\n    const radioSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const radioMarginY = `calc(${t.radioMarginY} + ${t.radioBorderWidthCompensation})`;\n    const radioMarginX = t.radioBorderWidthCompensation;\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      height: ${radioSize};\n      width: ${radioSize};\n      position: relative;\n      vertical-align: ${t.radioVerticalAlign};\n      margin: ${radioMarginY} ${radioMarginX};\n\n      ${cssName(styles.root(t))}:hover &:not(${cssName(styles.disabled(t))}) {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      ${cssName(styles.root(t))}:hover &${cssName(styles.checked(t))}:not(${cssName(styles.disabled(t))}) {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n      ${cssName(styles.root(t))}:active & {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n      ${cssName(styles.input())}:focus + &::after {\n        ${styles.after(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n      &::after {\n        content: ' ';\n        display: inline-block;\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${styles.after(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${styles.after(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${styles.after(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorError};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      position: relative;\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor} !important;\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ${t.radioBulletSize};\n        width: ${t.radioBulletSize};\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor} !important;\n      }\n\n      ${cssName(styles.disabled(t))}&::before {\n        background: ${t.gray} !important;\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.bgDisabled} !important;\n      border-color: transparent !important;\n      box-shadow: ${t.radioDisabledShadow} !important;\n    `;\n  },\n\n  label(t: Theme) {\n    return css`\n      display: ${t.radioLabelDisplay};\n      line-height: ${t.radioLineHeight};\n      margin-left: ${t.radioLabelGap};\n      white-space: normal;\n      font-size: ${t.radioFontSize};\n    `;\n  },\n\n  labelDisabled() {\n    return css`\n      color: #a0a0a0;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

package/cjs/components/RadioGroup/Prevent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"mPAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,oBAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\r\n\r\nexport interface PreventProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport class Prevent extends React.Component<PreventProps> {\r\n  public render() {\r\n    return <span onClick={this._prevent}>{this.props.children}</span>;\r\n  }\r\n\r\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"mPAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,oBAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render() {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}

package/cjs/components/RadioGroup/RadioGroup.js

@@ -265,51 +265,51 @@ RadioGroup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defau
 
     ref = function (element) {
       _this.node = element;
-    };_this.state = { activeItem: _this.props.defaultValue };return _this;}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;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur;var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ ref: this.ref, style: style, className: _RadioGroup.jsStyles.root() }, handlers), this.renderChildren())));} /**
-   * @public
+    };_this.state = { activeItem: _this.props.defaultValue };return _this;}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;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur;var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ ref: this.ref, style: style, className: _RadioGroup.jsStyles.root() }, handlers), this.renderChildren())));} /**
+   * @public
    */;_proto.focus = function focus() {var node = this.node;if (!node) {return;}var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
-    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component);exports.RadioGroup = RadioGroup;RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';RadioGroup.childContextTypes = { error: _propTypes.default.bool, name: _propTypes.default.string, warning: _propTypes.default.bool, disabled: _propTypes.default.bool, activeItem: _propTypes.default.any, onSelect: _propTypes.default.func };RadioGroup.propTypes = { /**
-   * Может быть использовано, если не передан параметр `items`
-   *
-   * `children` может содержать любую разметку с компонентами Radio.
-   * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-   * как и параметр `value` самой радиогруппы.
-   *
-   * Значения активного элемента сравниваются по строгому равенству `===`
-   */children: _propTypes.default.node, /**
-   * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-   * или значей из параметра `items`
-   */defaultValue: _propTypes.default.any, /**
-   * Дизейблит все радиокнопки
-   */disabled: _propTypes.default.bool, /**
-   * Переводит все радиокнопки в состоянии ошибки
-   */error: _propTypes.default.bool, /**
-   * Выравнивает элементы в строку. Не работает с `children`
-   */inline: _propTypes.default.bool, /**
-   * Может быть использовано, если не передан параметр `children`
-   *
-   * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-   * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-   * — значение которое будет использовано вторым параметром в `renderItem`.
-   * Если тип `items: Array<Value>`, то он будет приведен к типу
-   * `Array<[Value, Value]>`
-   */items: _propTypes.default.any, /**
-   * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-   * случайное имя по алгоритму
-   * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
-   */name: _propTypes.default.string, /**
-   * Метод отрисовки контента радиокнопки. Не работает с `children`.
-   *
-   * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-   */renderItem: _propTypes.default.func, /**
-   * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-   * Если не указано, то компонент будет работать, как неконтроллируемый
-   */value: _propTypes.default.any, /**
-   * Переводит все радиокнопки в состоянии предупреждения
-   */warning: _propTypes.default.bool, /**
-   * Ширина радиогруппы. Не работает с `children`
-   */width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
-   * Обработчик события при переключении радиокнопок.
-   * Имеет тип
-   * `(value: Value) => any`
+    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component);exports.RadioGroup = RadioGroup;RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';RadioGroup.childContextTypes = { error: _propTypes.default.bool, name: _propTypes.default.string, warning: _propTypes.default.bool, disabled: _propTypes.default.bool, activeItem: _propTypes.default.any, onSelect: _propTypes.default.func };RadioGroup.propTypes = { /**
+   * Может быть использовано, если не передан параметр `items`
+   *
+   * `children` может содержать любую разметку с компонентами Radio.
+   * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
+   * как и параметр `value` самой радиогруппы.
+   *
+   * Значения активного элемента сравниваются по строгому равенству `===`
+   */children: _propTypes.default.node, /**
+   * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
+   * или значей из параметра `items`
+   */defaultValue: _propTypes.default.any, /**
+   * Дизейблит все радиокнопки
+   */disabled: _propTypes.default.bool, /**
+   * Переводит все радиокнопки в состоянии ошибки
+   */error: _propTypes.default.bool, /**
+   * Выравнивает элементы в строку. Не работает с `children`
+   */inline: _propTypes.default.bool, /**
+   * Может быть использовано, если не передан параметр `children`
+   *
+   * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
+   * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
+   * — значение которое будет использовано вторым параметром в `renderItem`.
+   * Если тип `items: Array<Value>`, то он будет приведен к типу
+   * `Array<[Value, Value]>`
+   */items: _propTypes.default.any, /**
+   * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
+   * случайное имя по алгоритму
+   * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
+   */name: _propTypes.default.string, /**
+   * Метод отрисовки контента радиокнопки. Не работает с `children`.
+   *
+   * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
+   */renderItem: _propTypes.default.func, /**
+   * Значение радиогруппы. Должно быть одним из значений радиокнопок.
+   * Если не указано, то компонент будет работать, как неконтроллируемый
+   */value: _propTypes.default.any, /**
+   * Переводит все радиокнопки в состоянии предупреждения
+   */warning: _propTypes.default.bool, /**
+   * Ширина радиогруппы. Не работает с `children`
+   */width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
+   * Обработчик события при переключении радиокнопок.
+   * Имеет тип
+   * `(value: Value) => any`
    */onValueChange: _propTypes.default.func, onBlur: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func };RadioGroup.defaultProps = { renderItem: renderItem };RadioGroup.Prevent = _Prevent.Prevent;function renderItem(_value, data) {return data;}function mapItems(fn, items) {var result = [];var index = 0;for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_value2 = _normalizeEntry[0],_data = _normalizeEntry[1];result.push(fn(_value2, _data, index));++index;}return result;}function normalizeEntry(entry) {if (!Array.isArray(entry)) {return [entry, entry];}return entry;}

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioGroup.tsx"],"names":["RadioGroup","props","theme","node","name","getProps","defaultProps","getValue","isControlled","value","state","activeItem","getName","handleSelect","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","className","jsStyles","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","React","Component","__KONTUR_REACT_UI__","childContextTypes","PropTypes","bool","string","any","func","propTypes","oneOfType","number","Prevent","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"wUAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA,oC;;;;;;;;;;;;;;;;;;;;;;;;;AAyBaA,U;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHX,sBAAYC,KAAZ,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAN/BC,KAM+B,gBAJ/BC,IAI+B,gBAH/BC,IAG+B,GAHxB,yBAGwB,OAF/BC,QAE+B,GAFpB,0CAAkBL,UAAU,CAACM,YAA7B,CAEoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyE/BC,IAAAA,QAzE+B,GAyEpB,oBAAO,MAAKC,YAAL,KAAsB,MAAKP,KAAL,CAAWQ,KAAjC,GAAyC,MAAKC,KAAL,CAAWC,UAA3D,EAzEoB;;AA2E/BC,IAAAA,OA3E+B,GA2ErB,oBAAM,MAAKX,KAAL,CAAWG,IAAX,IAAmB,MAAKA,IAA9B,EA3EqB;;AA6E/BI,IAAAA,YA7E+B,GA6EhB,oBAAM,MAAKP,KAAL,CAAWQ,KAAX,IAAoB,IAA1B,EA7EgB;;AA+E/BI,IAAAA,YA/E+B,GA+EhB,UAACJ,KAAD,EAAc;AACnC,UAAI,CAAC,MAAKD,YAAL,EAAL,EAA0B;AACxB,cAAKM,QAAL,CAAc,EAAEH,UAAU,EAAEF,KAAd,EAAd;AACD;AACD,UAAI,MAAKR,KAAL,CAAWc,aAAf,EAA8B;AAC5B,cAAKd,KAAL,CAAWc,aAAX,CAAyBN,KAAzB;AACD;AACF,KAtFsC;;;;;;;;AA8F/BO,IAAAA,WA9F+B,GA8FjB,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,EAAE;AACRC,6BAASC,IAAT,CAAc,MAAKtB,KAAnB,CADQ,IACoB,IADpB;AAERqB,6BAASE,SAAT,EAFQ,IAEeN,KAAK,KAAK,CAFzB;AAGRI,6BAASG,UAAT,EAHQ,IAGgB,CAAC,CAAC,MAAKzB,KAAL,CAAW0B,MAH7B,OAFK,EAAlB;;;;AASA;AACE,6CAAUP,SAAV;AACE,qCAAC,YAAD,IAAO,KAAK,EAAEH,SAAd,IAA0B,MAAKZ,QAAL,GAAgBuB,UAAhB,CAA8BX,SAA9B,EAAyCC,IAAzC,CAA1B,CADF,CADF;;;AAKD,KA7GsC;;AA+G/BW,IAAAA,GA/G+B,GA+GzB,UAACC,OAAD,EAA8B;AAC1C,YAAK3B,IAAL,GAAY2B,OAAZ;AACD,KAjHsC,CAGrC,MAAKpB,KAAL,GAAa,EACXC,UAAU,EAAE,MAAKV,KAAL,CAAW8B,YADZ,EAAb,CAHqC,aAMtC,C,yCAEMC,e,GAAP,2BAAyB,CACvB,OAAO,EACLrB,UAAU,EAAE,KAAKJ,QAAL,EADP,EAEL0B,QAAQ,EAAE,KAAKpB,YAFV,EAGLT,IAAI,EAAE,KAAKQ,OAAL,EAHD,EAILsB,QAAQ,EAAE,KAAKjC,KAAL,CAAWiC,QAJhB,EAKLC,KAAK,EAAE,KAAKlC,KAAL,CAAWkC,KALb,EAMLC,OAAO,EAAE,KAAKnC,KAAL,CAAWmC,OANf,EAAP,CAQD,C,QAEMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAnC,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACoC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEMA,U,GAAP,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,6BAAC,4BAAD,EAAmB,KAAKvC,KAAxB,eACE,6BAAC,oBAAD,IAAW,MAAM,EAAE0C,MAAnB,iBACE,8DAAM,GAAG,EAAE,KAAKd,GAAhB,EAAqB,KAAK,EAAEe,KAA5B,EAAmC,SAAS,EAAErB,qBAASuB,IAAT,EAA9C,IAAmED,QAAnE,GACG,KAAKE,cAAL,EADH,CADF,CADF,CADF,CASD,C,CAED;AACF;AACA,K,QACSC,K,GAAP,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,CAACf,QAApB,EAA8B,CAC5Be,KAAK,GAAG9C,IAAI,CAAC+C,aAAL,CAAmB,qCAAnB,CAAR,CACD,CAED,IAAID,KAAJ,EAAW,CACTA,KAAK,CAACD,KAAN,GACD,CACF,C,QAiBOD,c,GAAR,0BAAyB,oBACK,KAAK9C,KADV,CACfkD,KADe,gBACfA,KADe,CACRC,QADQ,gBACRA,QADQ,CAEvB,wBAAW,CAACD,KAAD,IAAUC,QAAX,IAAyBD,KAAK,IAAI,CAACC,QAA7C,EAAwD,mDAAxD,EACA,OAAOD,KAAK,GAAGE,QAAQ,CAAI,KAAKrC,WAAT,EAAsBmC,KAAtB,CAAX,GAA0CC,QAAtD,CACD,C,qBA9MgCE,eAAMC,S,kCAA5BvD,U,CACGwD,mB,GAAsB,Y,CADzBxD,U,CAGGyD,iB,GAAoB,EAChCtB,KAAK,EAAEuB,mBAAUC,IADe,EAEhCvD,IAAI,EAAEsD,mBAAUE,MAFgB,EAGhCxB,OAAO,EAAEsB,mBAAUC,IAHa,EAIhCzB,QAAQ,EAAEwB,mBAAUC,IAJY,EAKhChD,UAAU,EAAE+C,mBAAUG,GALU,EAMhC5B,QAAQ,EAAEyB,mBAAUI,IANY,E,CAHvB9D,U,CAYG+D,S,GAAY,EACxB;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KACIX,QAAQ,EAAEM,mBAAUvD,IAVI,EAYxB;AACJ;AACA;AACA,KACI4B,YAAY,EAAE2B,mBAAUG,GAhBA,EAkBxB;AACJ;AACA,KACI3B,QAAQ,EAAEwB,mBAAUC,IArBI,EAuBxB;AACJ;AACA,KACIxB,KAAK,EAAEuB,mBAAUC,IA1BO,EA4BxB;AACJ;AACA,KACIhC,MAAM,EAAE+B,mBAAUC,IA/BM,EAiCxB;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KACIR,KAAK,EAAEO,mBAAUG,GA1CO,EA4CxB;AACJ;AACA;AACA;AACA,KACIzD,IAAI,EAAEsD,mBAAUE,MAjDQ,EAmDxB;AACJ;AACA;AACA;AACA,KACIhC,UAAU,EAAE8B,mBAAUI,IAxDE,EA0DxB;AACJ;AACA;AACA,KACIrD,KAAK,EAAEiD,mBAAUG,GA9DO,EAgExB;AACJ;AACA,KACIzB,OAAO,EAAEsB,mBAAUC,IAnEK,EAqExB;AACJ;AACA,KACIpB,KAAK,EAAEmB,mBAAUM,SAAV,CAAoB,CAACN,mBAAUO,MAAX,EAAmBP,mBAAUE,MAA7B,CAApB,CAxEiB,EA0ExB;AACJ;AACA;AACA;AACA,KACI7C,aAAa,EAAE2C,mBAAUI,IA/ED,EAiFxBnB,MAAM,EAAEe,mBAAUI,IAjFM,EAmFxBpB,YAAY,EAAEgB,mBAAUI,IAnFA,EAqFxBtB,YAAY,EAAEkB,mBAAUI,IArFA,EAuFxBrB,WAAW,EAAEiB,mBAAUI,IAvFC,E,CAZf9D,U,CAsGGM,Y,GAAe,EAC3BsB,UAAU,EAAVA,UAD2B,E,CAtGlB5B,U,CA0GGkE,O,GAAUA,gB,CA4H1B,SAAStC,UAAT,CAAuBuC,MAAvB,EAAkCjD,IAAlC,EAAyD,CACvD,OAAOA,IAAP,CACD,CAED,SAASmC,QAAT,CACEe,EADF,EAEEjB,KAFF,EAGE,CACA,IAAMkB,MAAyB,GAAG,EAAlC,CACA,IAAIlD,KAAK,GAAG,CAAZ,CACA,qDAAoBgC,KAApB,wCAA2B,KAAhBmB,KAAgB,qCACHC,cAAc,CAAID,KAAJ,CADX,CAClB7D,OADkB,sBACXS,KADW,sBAEzBmD,MAAM,CAACG,IAAP,CAAYJ,EAAE,CAAC3D,OAAD,EAAQS,KAAR,EAAcC,KAAd,CAAd,EACA,EAAEA,KAAF,CACD,CACD,OAAOkD,MAAP,CACD,CAED,SAASE,cAAT,CAA2BD,KAA3B,EAAkF,CAChF,IAAI,CAACG,KAAK,CAACC,OAAN,CAAcJ,KAAd,CAAL,EAA2B,CACzB,OAAO,CAACA,KAAD,EAAQA,KAAR,CAAP,CACD,CACD,OAAOA,KAAP,CACD","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport invariant from 'invariant';\r\nimport cn from 'classnames';\r\n\r\nimport { getRandomID } from '../../lib/utils';\r\nimport { Radio } from '../Radio';\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { FocusTrap } from '../../internal/FocusTrap';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './RadioGroup.styles';\r\nimport { Prevent } from './Prevent';\r\n\r\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\r\n  defaultValue?: T;\r\n  value?: T;\r\n  items?: T[] | [T, React.ReactNode][];\r\n  name?: string;\r\n  disabled?: boolean;\r\n  warning?: boolean;\r\n  error?: boolean;\r\n  inline?: boolean;\r\n  width?: React.CSSProperties['width'];\r\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\r\n  /** Вызывается при изменении `value` */\r\n  onValueChange?: (value: T) => void;\r\n  onBlur?: (event: FocusEvent) => void;\r\n  onMouseLeave?: () => any;\r\n  onMouseOver?: () => any;\r\n  onMouseEnter?: () => any;\r\n}\r\n\r\nexport interface RadioGroupState<T> {\r\n  activeItem?: T;\r\n}\r\n\r\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\r\n\r\n  public static childContextTypes = {\r\n    error: PropTypes.bool,\r\n    name: PropTypes.string,\r\n    warning: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n    activeItem: PropTypes.any,\r\n    onSelect: PropTypes.func,\r\n  };\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Может быть использовано, если не передан параметр `items`\r\n     *\r\n     * `children` может содержать любую разметку с компонентами Radio.\r\n     * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\r\n     * как и параметр `value` самой радиогруппы.\r\n     *\r\n     * Значения активного элемента сравниваются по строгому равенству `===`\r\n     */\r\n    children: PropTypes.node,\r\n\r\n    /**\r\n     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\r\n     * или значей из параметра `items`\r\n     */\r\n    defaultValue: PropTypes.any,\r\n\r\n    /**\r\n     * Дизейблит все радиокнопки\r\n     */\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Переводит все радиокнопки в состоянии ошибки\r\n     */\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Выравнивает элементы в строку. Не работает с `children`\r\n     */\r\n    inline: PropTypes.bool,\r\n\r\n    /**\r\n     * Может быть использовано, если не передан параметр `children`\r\n     *\r\n     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или\r\n     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\r\n     * — значение которое будет использовано вторым параметром в `renderItem`.\r\n     * Если тип `items: Array<Value>`, то он будет приведен к типу\r\n     * `Array<[Value, Value]>`\r\n     */\r\n    items: PropTypes.any,\r\n\r\n    /**\r\n     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\r\n     * случайное имя по алгоритму\r\n     * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)\r\n     */\r\n    name: PropTypes.string,\r\n\r\n    /**\r\n     * Метод отрисовки контента радиокнопки. Не работает с `children`.\r\n     *\r\n     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\r\n     */\r\n    renderItem: PropTypes.func,\r\n\r\n    /**\r\n     * Значение радиогруппы. Должно быть одним из значений радиокнопок.\r\n     * Если не указано, то компонент будет работать, как неконтроллируемый\r\n     */\r\n    value: PropTypes.any,\r\n\r\n    /**\r\n     * Переводит все радиокнопки в состоянии предупреждения\r\n     */\r\n    warning: PropTypes.bool,\r\n\r\n    /**\r\n     * Ширина радиогруппы. Не работает с `children`\r\n     */\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    /**\r\n     * Обработчик события при переключении радиокнопок.\r\n     * Имеет тип\r\n     * `(value: Value) => any`\r\n     */\r\n    onValueChange: PropTypes.func,\r\n\r\n    onBlur: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    renderItem,\r\n  };\r\n\r\n  public static Prevent = Prevent;\r\n\r\n  private theme!: Theme;\r\n\r\n  private node: Nullable<HTMLSpanElement>;\r\n  private name = getRandomID();\r\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\r\n\r\n  constructor(props: RadioGroupProps<T>) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activeItem: this.props.defaultValue,\r\n    };\r\n  }\r\n\r\n  public getChildContext() {\r\n    return {\r\n      activeItem: this.getValue(),\r\n      onSelect: this.handleSelect,\r\n      name: this.getName(),\r\n      disabled: this.props.disabled,\r\n      error: this.props.error,\r\n      warning: this.props.warning,\r\n    };\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur } = this.props;\r\n    const style = {\r\n      width: width != null ? width : 'auto',\r\n    };\r\n    const handlers = {\r\n      onMouseOver,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n    };\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <FocusTrap onBlur={onBlur}>\r\n          <span ref={this.ref} style={style} className={jsStyles.root()} {...handlers}>\r\n            {this.renderChildren()}\r\n          </span>\r\n        </FocusTrap>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    const node = this.node;\r\n    if (!node) {\r\n      return;\r\n    }\r\n\r\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\r\n\r\n    // If no checked radios, try get first radio\r\n    if (!radio || radio.disabled) {\r\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\r\n    }\r\n\r\n    if (radio) {\r\n      radio.focus();\r\n    }\r\n  }\r\n\r\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\r\n\r\n  private getName = () => this.props.name || this.name;\r\n\r\n  private isControlled = () => this.props.value != null;\r\n\r\n  private handleSelect = (value: T) => {\r\n    if (!this.isControlled()) {\r\n      this.setState({ activeItem: value });\r\n    }\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  };\r\n\r\n  private renderChildren() {\r\n    const { items, children } = this.props;\r\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\r\n    return items ? mapItems<T>(this.renderRadio, items) : children;\r\n  }\r\n\r\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\r\n    const itemProps = {\r\n      key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,\r\n      className: cn({\r\n        [jsStyles.item(this.theme)]: true,\r\n        [jsStyles.itemFirst()]: index === 0,\r\n        [jsStyles.itemInline()]: !!this.props.inline,\r\n      }),\r\n    };\r\n\r\n    return (\r\n      <span {...itemProps}>\r\n        <Radio value={itemValue}>{this.getProps().renderItem<T>(itemValue, data)}</Radio>\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private ref = (element: HTMLSpanElement) => {\r\n    this.node = element;\r\n  };\r\n}\r\n\r\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\r\n  return data;\r\n}\r\n\r\nfunction mapItems<T>(\r\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\r\n  items: T[] | [T, React.ReactNode][],\r\n) {\r\n  const result: React.ReactNode[] = [];\r\n  let index = 0;\r\n  for (const entry of items) {\r\n    const [value, data] = normalizeEntry<T>(entry);\r\n    result.push(fn(value, data, index));\r\n    ++index;\r\n  }\r\n  return result;\r\n}\r\n\r\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\r\n  if (!Array.isArray(entry)) {\r\n    return [entry, entry];\r\n  }\r\n  return entry;\r\n}\r\n"]}
+{"version":3,"sources":["RadioGroup.tsx"],"names":["RadioGroup","props","theme","node","name","getProps","defaultProps","getValue","isControlled","value","state","activeItem","getName","handleSelect","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","className","jsStyles","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","React","Component","__KONTUR_REACT_UI__","childContextTypes","PropTypes","bool","string","any","func","propTypes","oneOfType","number","Prevent","_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';\nimport cn from 'classnames';\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';\n\nimport { jsStyles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  defaultValue?: T;\n  value?: T;\n  items?: T[] | [T, React.ReactNode][];\n  name?: string;\n  disabled?: boolean;\n  warning?: boolean;\n  error?: boolean;\n  inline?: boolean;\n  width?: React.CSSProperties['width'];\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\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    /**\n     * Может быть использовано, если не передан параметр `items`\n     *\n     * `children` может содержать любую разметку с компонентами Radio.\n     * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n     * как и параметр `value` самой радиогруппы.\n     *\n     * Значения активного элемента сравниваются по строгому равенству `===`\n     */\n    children: PropTypes.node,\n\n    /**\n     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n     * или значей из параметра `items`\n     */\n    defaultValue: PropTypes.any,\n\n    /**\n     * Дизейблит все радиокнопки\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Переводит все радиокнопки в состоянии ошибки\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Выравнивает элементы в строку. Не работает с `children`\n     */\n    inline: PropTypes.bool,\n\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: PropTypes.any,\n\n    /**\n     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n     * случайное имя по алгоритму\n     * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)\n     */\n    name: PropTypes.string,\n\n    /**\n     * Метод отрисовки контента радиокнопки. Не работает с `children`.\n     *\n     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n     */\n    renderItem: PropTypes.func,\n\n    /**\n     * Значение радиогруппы. Должно быть одним из значений радиокнопок.\n     * Если не указано, то компонент будет работать, как неконтроллируемый\n     */\n    value: PropTypes.any,\n\n    /**\n     * Переводит все радиокнопки в состоянии предупреждения\n     */\n    warning: PropTypes.bool,\n\n    /**\n     * Ширина радиогруппы. Не работает с `children`\n     */\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Обработчик события при переключении радиокнопок.\n     * Имеет тип\n     * `(value: Value) => any`\n     */\n    onValueChange: PropTypes.func,\n\n    onBlur: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\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={jsStyles.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: cn({\n        [jsStyles.item(this.theme)]: true,\n        [jsStyles.itemFirst()]: index === 0,\n        [jsStyles.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/cjs/components/RadioGroup/RadioGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioGroup.styles.ts"],"names":["styles","root","css","item","t","radioGroupLegacyItemGap","itemFirst","itemInline","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;AAKD,GAPY;;AASbC,EAAAA,IATa,gBASRC,CATQ,EASE;AACb,eAAOF,YAAP;;AAEgBE,IAAAA,CAAC,CAACC,uBAFlB;;;AAKD,GAfY;;AAiBbC,EAAAA,SAjBa,uBAiBD;AACV,eAAOJ,YAAP;;;AAGD,GArBY;;AAuBbK,EAAAA,UAvBa,wBAuBA;AACX,eAAOL,YAAP;;;;;;AAMD,GA9BY,EAAf;;;AAiCO,IAAMM,QAAQ,GAAG,2BAAaR,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      user-select: none;\r\n      cursor: default;\r\n    `;\r\n  },\r\n\r\n  item(t: Theme) {\r\n    return css`\r\n      display: table;\r\n      margin-top: ${t.radioGroupLegacyItemGap};\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  itemFirst() {\r\n    return css`\r\n      margin-top: 0;\r\n    `;\r\n  },\r\n\r\n  itemInline() {\r\n    return css`\r\n      display: inline-table;\r\n      margin-right: 15px;\r\n      margin-top: 0;\r\n      width: auto;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["RadioGroup.styles.ts"],"names":["styles","root","css","item","t","radioGroupLegacyItemGap","itemFirst","itemInline","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;AAKD,GAPY;;AASbC,EAAAA,IATa,gBASRC,CATQ,EASE;AACb,eAAOF,YAAP;;AAEgBE,IAAAA,CAAC,CAACC,uBAFlB;;;AAKD,GAfY;;AAiBbC,EAAAA,SAjBa,uBAiBD;AACV,eAAOJ,YAAP;;;AAGD,GArBY;;AAuBbK,EAAAA,UAvBa,wBAuBA;AACX,eAAOL,YAAP;;;;;;AAMD,GA9BY,EAAf;;;AAiCO,IAAMM,QAAQ,GAAG,2BAAaR,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n    `;\n  },\n\n  item(t: Theme) {\n    return css`\n      display: table;\n      margin-top: ${t.radioGroupLegacyItemGap};\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

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

package/cjs/components/ScrollContainer/ScrollContainer.js

@@ -334,12 +334,12 @@ ScrollContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
     handleMouseLeave = function () {
       _this.setHover(false);
     };return _this;}var _proto = ScrollContainer.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.inner) {if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);}if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });}}this.reflow();};_proto.render = function render() {var state = this.state;var props = this.props;var scroll = null;if (state.scrollActive) {var _cn;var scrollClass = (0, _classnames.default)((_cn = {}, _cn[_ScrollContainer.jsStyles.scroll()] = true, _cn[_ScrollContainer.jsStyles.scrollInvert()] = Boolean(props.invert), _cn[_ScrollContainer.jsStyles.scrollHover()] = state.hover || state.scrolling, _cn));var scrollStyle = { top: state.scrollPos, height: state.scrollSize };scroll = /*#__PURE__*/_react.default.createElement("div", { ref: this.refScroll, className: scrollClass, style: scrollStyle, onMouseDown: this.handleScrollMouseDown });}var innerStyle = { // hide vertical scrollbar with a little extra space
-      marginRight: -1 * HIDE_SCROLLBAR_OFFSET, paddingRight: HIDE_SCROLLBAR_OFFSET - (0, _getScrollWidth.getScrollWidth)(), maxHeight: props.maxHeight, scrollBehavior: props.scrollBehaviour };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _ScrollContainer.jsStyles.root(), onMouseMove: this.handleMouseMove, onMouseLeave: this.handleMouseLeave }, scroll, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "ScrollContainer__inner", className: _ScrollContainer.jsStyles.inner(), style: innerStyle, ref: this.refInner, onScroll: this.handleNativeScroll }, props.children)));} /**
-   * @public
-   */;_proto.scrollTo = function scrollTo(element) {if (!element || !this.inner) {return;}var maxScroll = element.offsetTop;if (this.inner.scrollTop > maxScroll) {this.inner.scrollTop = maxScroll;return;}var minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;if (this.inner.scrollTop < minScroll) {this.inner.scrollTop = minScroll;}} /**
-   * @public
-   */;_proto.scrollToTop = function scrollToTop() {if (!this.inner) {return;}this.inner.scrollTop = 0;} /**
-   * @public
+      marginRight: -1 * HIDE_SCROLLBAR_OFFSET, paddingRight: HIDE_SCROLLBAR_OFFSET - (0, _getScrollWidth.getScrollWidth)(), maxHeight: props.maxHeight, scrollBehavior: props.scrollBehaviour };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _ScrollContainer.jsStyles.root(), onMouseMove: this.handleMouseMove, onMouseLeave: this.handleMouseLeave }, scroll, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "ScrollContainer__inner", className: _ScrollContainer.jsStyles.inner(), style: innerStyle, ref: this.refInner, onScroll: this.handleNativeScroll }, props.children)));} /**
+   * @public
+   */;_proto.scrollTo = function scrollTo(element) {if (!element || !this.inner) {return;}var maxScroll = element.offsetTop;if (this.inner.scrollTop > maxScroll) {this.inner.scrollTop = maxScroll;return;}var minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;if (this.inner.scrollTop < minScroll) {this.inner.scrollTop = minScroll;}} /**
+   * @public
+   */;_proto.scrollToTop = function scrollToTop() {if (!this.inner) {return;}this.inner.scrollTop = 0;} /**
+   * @public
    */;_proto.scrollToBottom = function scrollToBottom() {if (!this.inner) {return;}this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;};_proto.setHover = function setHover(hover) {if (this.state.hover !== hover) {this.setState({ hover: hover });}};_proto.
   getImmediateScrollState = function getImmediateScrollState() {
     if (!this.inner || this.inner.scrollTop === 0) {

package/cjs/components/ScrollContainer/ScrollContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.tsx"],"names":["HIDE_SCROLLBAR_OFFSET","MIN_SCROLL_SIZE","ScrollContainer","state","scrollActive","scrollSize","scrollPos","hover","scrolling","scrollState","inner","scroll","refInner","element","props","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","refScroll","handleScrollWheel","handleNativeScroll","event","reflow","onScroll","preventDefault","LayoutEvents","emit","containerHeight","offsetHeight","contentHeight","scrollHeight","scrollTop","Math","max","getImmediateScrollState","onScrollStateChange","setState","handleScrollMouseDown","target","window","document","initialY","clientY","initialScrollTop","mouseMove","mouseMoveEvent","ratio","deltaY","Object","prototype","hasOwnProperty","call","returnValue","mouseUp","WheelEvent","handleMouseMove","right","currentTarget","getBoundingClientRect","pageX","setHover","handleMouseLeave","componentDidMount","componentDidUpdate","prevProps","render","scrollClass","jsStyles","scrollInvert","Boolean","invert","scrollHover","scrollStyle","top","height","innerStyle","marginRight","paddingRight","maxHeight","scrollBehavior","scrollBehaviour","root","children","scrollTo","maxScroll","offsetTop","minScroll","scrollToTop","scrollToBottom","clientHeight","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","oneOfType","string","number","oneOf","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './ScrollContainer.styles';\r\n\r\nconst HIDE_SCROLLBAR_OFFSET = 30;\r\nconst MIN_SCROLL_SIZE = 20;\r\n\r\nexport type ScrollContainerScrollState = 'top' | 'scroll' | 'bottom';\r\n\r\nexport type ScrollBehaviour = 'auto' | 'smooth';\r\n\r\nexport interface ScrollContainerProps extends CommonProps {\r\n  invert?: boolean;\r\n  maxHeight?: React.CSSProperties['maxHeight'];\r\n  preventWindowScroll?: boolean;\r\n  /**\r\n   * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\r\n   * @default 'auto'\r\n   */\r\n  scrollBehaviour?: ScrollBehaviour;\r\n  onScrollStateChange?: (scrollState: ScrollContainerScrollState) => void;\r\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport interface ScrollContainerState {\r\n  scrollActive: boolean;\r\n  hover: boolean;\r\n  scrolling: boolean;\r\n  scrollSize: number;\r\n  scrollPos: number;\r\n  scrollState: ScrollContainerScrollState;\r\n}\r\n\r\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\r\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\r\n\r\n  public static propTypes = {\r\n    invert: PropTypes.bool,\r\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\r\n    preventWindowScroll: PropTypes.bool,\r\n    onScrollStateChange: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    scrollBehaviour: 'auto',\r\n  };\r\n\r\n  public state: ScrollContainerState = {\r\n    scrollActive: false,\r\n    scrollSize: 0,\r\n    scrollPos: 0,\r\n\r\n    // Mouse is moving where big scrollbar can be located.\r\n    hover: false,\r\n    // True when scroll is following mouse (mouse down on scroll).\r\n    scrolling: false,\r\n    scrollState: 'top',\r\n  };\r\n\r\n  private inner: Nullable<HTMLElement>;\r\n  private scroll: Nullable<HTMLElement>;\r\n\r\n  public componentDidMount() {\r\n    this.reflow();\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\r\n    if (this.inner) {\r\n      if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {\r\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n      }\r\n      if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {\r\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n      }\r\n    }\r\n    this.reflow();\r\n  }\r\n\r\n  public render() {\r\n    const state = this.state;\r\n    const props = this.props;\r\n    let scroll = null;\r\n\r\n    if (state.scrollActive) {\r\n      const scrollClass = cn({\r\n        [jsStyles.scroll()]: true,\r\n        [jsStyles.scrollInvert()]: Boolean(props.invert),\r\n        [jsStyles.scrollHover()]: state.hover || state.scrolling,\r\n      });\r\n      const scrollStyle = {\r\n        top: state.scrollPos,\r\n        height: state.scrollSize,\r\n      };\r\n      scroll = (\r\n        <div\r\n          ref={this.refScroll}\r\n          className={scrollClass}\r\n          style={scrollStyle}\r\n          onMouseDown={this.handleScrollMouseDown}\r\n        />\r\n      );\r\n    }\r\n\r\n    const innerStyle: React.CSSProperties = {\r\n      // hide vertical scrollbar with a little extra space\r\n      marginRight: -1 * HIDE_SCROLLBAR_OFFSET,\r\n      paddingRight: HIDE_SCROLLBAR_OFFSET - getScrollWidth(),\r\n\r\n      maxHeight: props.maxHeight,\r\n      scrollBehavior: props.scrollBehaviour,\r\n    };\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div className={jsStyles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\r\n          {scroll}\r\n          <div\r\n            data-tid=\"ScrollContainer__inner\"\r\n            className={jsStyles.inner()}\r\n            style={innerStyle}\r\n            ref={this.refInner}\r\n            onScroll={this.handleNativeScroll}\r\n          >\r\n            {props.children}\r\n          </div>\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollTo(element: HTMLElement) {\r\n    if (!element || !this.inner) {\r\n      return;\r\n    }\r\n    const maxScroll = element.offsetTop;\r\n    if (this.inner.scrollTop > maxScroll) {\r\n      this.inner.scrollTop = maxScroll;\r\n      return;\r\n    }\r\n\r\n    const minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;\r\n    if (this.inner.scrollTop < minScroll) {\r\n      this.inner.scrollTop = minScroll;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollToTop() {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n    this.inner.scrollTop = 0;\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public scrollToBottom() {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\r\n  }\r\n\r\n  private refInner = (element: HTMLElement | null) => {\r\n    if (!this.inner && element && this.props.preventWindowScroll) {\r\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n    }\r\n    if (this.inner && !element) {\r\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n    }\r\n    this.inner = element;\r\n  };\r\n\r\n  private refScroll = (element: HTMLElement | null) => {\r\n    if (!this.scroll && element) {\r\n      element.addEventListener('wheel', this.handleScrollWheel, { passive: false });\r\n    }\r\n    if (this.scroll && !element) {\r\n      this.scroll.removeEventListener('wheel', this.handleScrollWheel);\r\n    }\r\n    this.scroll = element;\r\n  };\r\n\r\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\r\n    this.reflow();\r\n    this.props.onScroll?.(event);\r\n    if (this.props.preventWindowScroll) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n    LayoutEvents.emit();\r\n  };\r\n\r\n  private reflow = () => {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n\r\n    const containerHeight = this.inner.offsetHeight;\r\n    const contentHeight = this.inner.scrollHeight;\r\n    const scrollTop = this.inner.scrollTop;\r\n\r\n    const scrollActive = containerHeight < contentHeight;\r\n\r\n    if (!scrollActive && !this.state.scrollActive) {\r\n      return;\r\n    }\r\n\r\n    let scrollSize = 0;\r\n    let scrollPos = 0;\r\n    let scrollState = this.state.scrollState;\r\n\r\n    if (scrollActive) {\r\n      scrollSize = Math.max((containerHeight / contentHeight) * containerHeight, MIN_SCROLL_SIZE);\r\n      scrollPos = (scrollTop / (contentHeight - containerHeight)) * (containerHeight - scrollSize);\r\n    }\r\n\r\n    if (\r\n      this.state.scrollActive !== scrollActive ||\r\n      this.state.scrollSize !== scrollSize ||\r\n      this.state.scrollPos !== scrollPos\r\n    ) {\r\n      scrollState = this.getImmediateScrollState();\r\n\r\n      if (scrollState !== this.state.scrollState) {\r\n        this.props.onScrollStateChange?.(scrollState);\r\n      }\r\n\r\n      this.setState({\r\n        scrollActive,\r\n        scrollSize,\r\n        scrollPos,\r\n        scrollState,\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    if (!this.inner) {\r\n      return;\r\n    }\r\n\r\n    const target: Document = window.document;\r\n    const initialY = event.clientY;\r\n    const initialScrollTop = this.inner.scrollTop;\r\n\r\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\r\n      if (!this.inner) {\r\n        return;\r\n      }\r\n\r\n      const ratio =\r\n        (this.inner.scrollHeight - this.inner.offsetHeight) / (this.inner.offsetHeight - this.state.scrollSize);\r\n      const deltaY = (mouseMoveEvent.clientY - initialY) * ratio;\r\n\r\n      this.inner.scrollTop = initialScrollTop + deltaY;\r\n\r\n      if (mouseMoveEvent.preventDefault) {\r\n        mouseMoveEvent.preventDefault();\r\n      }\r\n\r\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\r\n        (mouseMoveEvent as MouseEvent & {\r\n          returnValue: boolean;\r\n        }).returnValue = false;\r\n      }\r\n    };\r\n\r\n    const mouseUp = () => {\r\n      target.removeEventListener('mousemove', mouseMove);\r\n      target.removeEventListener('mouseup', mouseUp);\r\n      this.setState({ scrolling: false });\r\n    };\r\n\r\n    target.addEventListener('mousemove', mouseMove);\r\n    target.addEventListener('mouseup', mouseUp);\r\n    this.setState({ scrolling: true });\r\n\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleScrollWheel = (event: Event) => {\r\n    if (!this.inner || !(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n\r\n    if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n      return;\r\n    }\r\n    if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n      return;\r\n    }\r\n\r\n    this.inner.scrollTop += event.deltaY;\r\n    event.preventDefault();\r\n  };\r\n\r\n  private handleInnerScrollWheel = (event: Event) => {\r\n    if (!this.inner || !(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n\r\n    if (this.state.scrollActive) {\r\n      if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n        event.preventDefault();\r\n        return false;\r\n      }\r\n      if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n        event.preventDefault();\r\n        return false;\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    const right = event.currentTarget.getBoundingClientRect().right - event.pageX;\r\n    this.setHover(right <= 12);\r\n  };\r\n\r\n  private handleMouseLeave = () => {\r\n    this.setHover(false);\r\n  };\r\n\r\n  private setHover(hover: boolean) {\r\n    if (this.state.hover !== hover) {\r\n      this.setState({ hover });\r\n    }\r\n  }\r\n\r\n  private getImmediateScrollState(): ScrollContainerScrollState {\r\n    if (!this.inner || this.inner.scrollTop === 0) {\r\n      return 'top';\r\n    } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.clientHeight) {\r\n      return 'bottom';\r\n    } else {\r\n      return 'scroll';\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ScrollContainer.tsx"],"names":["HIDE_SCROLLBAR_OFFSET","MIN_SCROLL_SIZE","ScrollContainer","state","scrollActive","scrollSize","scrollPos","hover","scrolling","scrollState","inner","scroll","refInner","element","props","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","refScroll","handleScrollWheel","handleNativeScroll","event","reflow","onScroll","preventDefault","LayoutEvents","emit","containerHeight","offsetHeight","contentHeight","scrollHeight","scrollTop","Math","max","getImmediateScrollState","onScrollStateChange","setState","handleScrollMouseDown","target","window","document","initialY","clientY","initialScrollTop","mouseMove","mouseMoveEvent","ratio","deltaY","Object","prototype","hasOwnProperty","call","returnValue","mouseUp","WheelEvent","handleMouseMove","right","currentTarget","getBoundingClientRect","pageX","setHover","handleMouseLeave","componentDidMount","componentDidUpdate","prevProps","render","scrollClass","jsStyles","scrollInvert","Boolean","invert","scrollHover","scrollStyle","top","height","innerStyle","marginRight","paddingRight","maxHeight","scrollBehavior","scrollBehaviour","root","children","scrollTo","maxScroll","offsetTop","minScroll","scrollToTop","scrollToBottom","clientHeight","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","oneOfType","string","number","oneOf","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './ScrollContainer.styles';\n\nconst HIDE_SCROLLBAR_OFFSET = 30;\nconst MIN_SCROLL_SIZE = 20;\n\nexport type ScrollContainerScrollState = 'top' | 'scroll' | 'bottom';\n\nexport type ScrollBehaviour = 'auto' | 'smooth';\n\nexport interface ScrollContainerProps extends CommonProps {\n  invert?: boolean;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  preventWindowScroll?: boolean;\n  /**\n   * Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\n   * @default 'auto'\n   */\n  scrollBehaviour?: ScrollBehaviour;\n  onScrollStateChange?: (scrollState: ScrollContainerScrollState) => void;\n  onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\n}\n\nexport interface ScrollContainerState {\n  scrollActive: boolean;\n  hover: boolean;\n  scrolling: boolean;\n  scrollSize: number;\n  scrollPos: number;\n  scrollState: ScrollContainerScrollState;\n}\n\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\n  public static __KONTUR_REACT_UI__ = 'ScrollContainer';\n\n  public static propTypes = {\n    invert: PropTypes.bool,\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\n    preventWindowScroll: PropTypes.bool,\n    onScrollStateChange: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    scrollBehaviour: 'auto',\n  };\n\n  public state: ScrollContainerState = {\n    scrollActive: false,\n    scrollSize: 0,\n    scrollPos: 0,\n\n    // Mouse is moving where big scrollbar can be located.\n    hover: false,\n    // True when scroll is following mouse (mouse down on scroll).\n    scrolling: false,\n    scrollState: 'top',\n  };\n\n  private inner: Nullable<HTMLElement>;\n  private scroll: Nullable<HTMLElement>;\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate(prevProps: ScrollContainerProps) {\n    if (this.inner) {\n      if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {\n        this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n      }\n      if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {\n        this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n      }\n    }\n    this.reflow();\n  }\n\n  public render() {\n    const state = this.state;\n    const props = this.props;\n    let scroll = null;\n\n    if (state.scrollActive) {\n      const scrollClass = cn({\n        [jsStyles.scroll()]: true,\n        [jsStyles.scrollInvert()]: Boolean(props.invert),\n        [jsStyles.scrollHover()]: state.hover || state.scrolling,\n      });\n      const scrollStyle = {\n        top: state.scrollPos,\n        height: state.scrollSize,\n      };\n      scroll = (\n        <div\n          ref={this.refScroll}\n          className={scrollClass}\n          style={scrollStyle}\n          onMouseDown={this.handleScrollMouseDown}\n        />\n      );\n    }\n\n    const innerStyle: React.CSSProperties = {\n      // hide vertical scrollbar with a little extra space\n      marginRight: -1 * HIDE_SCROLLBAR_OFFSET,\n      paddingRight: HIDE_SCROLLBAR_OFFSET - getScrollWidth(),\n\n      maxHeight: props.maxHeight,\n      scrollBehavior: props.scrollBehaviour,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={jsStyles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\n          {scroll}\n          <div\n            data-tid=\"ScrollContainer__inner\"\n            className={jsStyles.inner()}\n            style={innerStyle}\n            ref={this.refInner}\n            onScroll={this.handleNativeScroll}\n          >\n            {props.children}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public scrollTo(element: HTMLElement) {\n    if (!element || !this.inner) {\n      return;\n    }\n    const maxScroll = element.offsetTop;\n    if (this.inner.scrollTop > maxScroll) {\n      this.inner.scrollTop = maxScroll;\n      return;\n    }\n\n    const minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;\n    if (this.inner.scrollTop < minScroll) {\n      this.inner.scrollTop = minScroll;\n    }\n  }\n\n  /**\n   * @public\n   */\n  public scrollToTop() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = 0;\n  }\n\n  /**\n   * @public\n   */\n  public scrollToBottom() {\n    if (!this.inner) {\n      return;\n    }\n    this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\n  }\n\n  private refInner = (element: HTMLElement | null) => {\n    if (!this.inner && element && this.props.preventWindowScroll) {\n      element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\n    }\n    if (this.inner && !element) {\n      this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\n    }\n    this.inner = element;\n  };\n\n  private refScroll = (element: HTMLElement | null) => {\n    if (!this.scroll && element) {\n      element.addEventListener('wheel', this.handleScrollWheel, { passive: false });\n    }\n    if (this.scroll && !element) {\n      this.scroll.removeEventListener('wheel', this.handleScrollWheel);\n    }\n    this.scroll = element;\n  };\n\n  private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    this.reflow();\n    this.props.onScroll?.(event);\n    if (this.props.preventWindowScroll) {\n      event.preventDefault();\n      return;\n    }\n    LayoutEvents.emit();\n  };\n\n  private reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const containerHeight = this.inner.offsetHeight;\n    const contentHeight = this.inner.scrollHeight;\n    const scrollTop = this.inner.scrollTop;\n\n    const scrollActive = containerHeight < contentHeight;\n\n    if (!scrollActive && !this.state.scrollActive) {\n      return;\n    }\n\n    let scrollSize = 0;\n    let scrollPos = 0;\n    let scrollState = this.state.scrollState;\n\n    if (scrollActive) {\n      scrollSize = Math.max((containerHeight / contentHeight) * containerHeight, MIN_SCROLL_SIZE);\n      scrollPos = (scrollTop / (contentHeight - containerHeight)) * (containerHeight - scrollSize);\n    }\n\n    if (\n      this.state.scrollActive !== scrollActive ||\n      this.state.scrollSize !== scrollSize ||\n      this.state.scrollPos !== scrollPos\n    ) {\n      scrollState = this.getImmediateScrollState();\n\n      if (scrollState !== this.state.scrollState) {\n        this.props.onScrollStateChange?.(scrollState);\n      }\n\n      this.setState({\n        scrollActive,\n        scrollSize,\n        scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const target: Document = window.document;\n    const initialY = event.clientY;\n    const initialScrollTop = this.inner.scrollTop;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner) {\n        return;\n      }\n\n      const ratio =\n        (this.inner.scrollHeight - this.inner.offsetHeight) / (this.inner.offsetHeight - this.state.scrollSize);\n      const deltaY = (mouseMoveEvent.clientY - initialY) * ratio;\n\n      this.inner.scrollTop = initialScrollTop + deltaY;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (mouseMoveEvent as MouseEvent & {\n          returnValue: boolean;\n        }).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target.removeEventListener('mousemove', mouseMove);\n      target.removeEventListener('mouseup', mouseUp);\n      this.setState({ scrolling: false });\n    };\n\n    target.addEventListener('mousemove', mouseMove);\n    target.addEventListener('mouseup', mouseUp);\n    this.setState({ scrolling: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event) => {\n    if (!this.inner || !(event instanceof WheelEvent)) {\n      return;\n    }\n\n    if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\n      return;\n    }\n\n    this.inner.scrollTop += event.deltaY;\n    event.preventDefault();\n  };\n\n  private handleInnerScrollWheel = (event: Event) => {\n    if (!this.inner || !(event instanceof WheelEvent)) {\n      return;\n    }\n\n    if (this.state.scrollActive) {\n      if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\n        event.preventDefault();\n        return false;\n      }\n      if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\n        event.preventDefault();\n        return false;\n      }\n    }\n  };\n\n  private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    const right = event.currentTarget.getBoundingClientRect().right - event.pageX;\n    this.setHover(right <= 12);\n  };\n\n  private handleMouseLeave = () => {\n    this.setHover(false);\n  };\n\n  private setHover(hover: boolean) {\n    if (this.state.hover !== hover) {\n      this.setState({ hover });\n    }\n  }\n\n  private getImmediateScrollState(): ScrollContainerScrollState {\n    if (!this.inner || this.inner.scrollTop === 0) {\n      return 'top';\n    } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.clientHeight) {\n      return 'bottom';\n    } else {\n      return 'scroll';\n    }\n  }\n}\n"]}

package/cjs/components/ScrollContainer/ScrollContainer.md

@@ -1,94 +1,94 @@
-```jsx harmony
-function items(count) {
-  var items = [];
-  for (var i = 0; i < count; ++i) {
-    items.push(i);
-  }
-  return items;
-}
-
-var divStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  position: 'relative',
-  verticalAlign: 'top',
-  width: 200,
-};
-var absStyle = {
-  border: '1px solid #000',
-  boxSizing: 'border-box',
-  position: 'absolute',
-  width: '100%',
-};
-
-<div>
-  <div style={divStyle}>
-    <ScrollContainer>
-      {items(20).map(i => (
-        <div key={i}>{i}</div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={{ ...divStyle, background: '#888' }}>
-    <ScrollContainer invert>
-      {items(20).map(i => (
-        <div key={i}>{i}</div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer>
-        {items(3).map(i => (
-          <div key={i}>{i}</div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer maxHeight={150}>
-        {items(30).map(i => (
-          <div key={i}>{i}</div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-</div>;
-```
-
-На данный момент кастомизируется только вертикальный scrollbar. Горизонтальный, при наличии, остается нативным.
-
-```jsx harmony
-function items(count) {
-  var items = [];
-  for (var i = 0; i < count; ++i) {
-    items.push(i);
-  }
-  return items;
-}
-
-var containerStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  width: 200,
-};
-
-var innerStyle = {
-  width: 400,
-};
-
-<div style={containerStyle}>
-  <ScrollContainer>
-    {items(20).map(i => (
-      <div style={innerStyle} key={i}>
-        {i}
-      </div>
-    ))}
-  </ScrollContainer>
-</div>;
-```
+```jsx harmony
+function items(count) {
+  var items = [];
+  for (var i = 0; i < count; ++i) {
+    items.push(i);
+  }
+  return items;
+}
+
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+var absStyle = {
+  border: '1px solid #000',
+  boxSizing: 'border-box',
+  position: 'absolute',
+  width: '100%',
+};
+
+<div>
+  <div style={divStyle}>
+    <ScrollContainer>
+      {items(20).map(i => (
+        <div key={i}>{i}</div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={{ ...divStyle, background: '#888' }}>
+    <ScrollContainer invert>
+      {items(20).map(i => (
+        <div key={i}>{i}</div>
+      ))}
+    </ScrollContainer>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer>
+        {items(3).map(i => (
+          <div key={i}>{i}</div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+  <div style={divStyle}>
+    <div style={absStyle}>
+      <ScrollContainer maxHeight={150}>
+        {items(30).map(i => (
+          <div key={i}>{i}</div>
+        ))}
+      </ScrollContainer>
+    </div>
+  </div>
+</div>;
+```
+
+На данный момент кастомизируется только вертикальный scrollbar. Горизонтальный, при наличии, остается нативным.
+
+```jsx harmony
+function items(count) {
+  var items = [];
+  for (var i = 0; i < count; ++i) {
+    items.push(i);
+  }
+  return items;
+}
+
+var containerStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  width: 200,
+};
+
+var innerStyle = {
+  width: 400,
+};
+
+<div style={containerStyle}>
+  <ScrollContainer>
+    {items(20).map(i => (
+      <div style={innerStyle} key={i}>
+        {i}
+      </div>
+    ))}
+  </ScrollContainer>
+</div>;
+```